dmylogi.com

Hoe om `n adres in Google Maps te geokodeer jаvascript

Google Maps is vandag een van die kragtigste gereedskap wat beskikbaar is vir die skep en manipulering van dinamiese kaarte. Daar is byna onbeperkte gebruike vir Google Maps, en `n goeie beginpunt op pad na `n goeie plek is `n manier om `n liggingskaart van `n eenvoudige adres te kry. Volg die onderstaande stappe en jy sal die geleentheid hê om jou eie intuïtiewe en interaktiewe webwerf te skep met behulp van Google se jаvascript Map API. Elke stap wys jou `n kiekie met die presiese kode wat in daardie stap gebruik word. Jy kan op elke kiekie klik om dit te vergroot.

stappe

Prent getiteld Geocode an Address in Google Maps jаvascript Stap 1
1
Begin met `n webblad wat jy bygevoeg het Google jаvascript api kaart.

Skep `n tekskassie waar die gebruikers die adres plaas. Adres: Skep `n knoppie vir die gebruiker om te kliek en kan die adres geokodeer. Stel `n veranderlike buite die initialisator funksie sodat dit beskikbaar is in enige jаvascript kode. Dit sal die geocoder klasvoorwerp stoor. var geocoder - stel die geocoder veranderlike gelyk aan `n voorbeeld van die Google Maps geocoder klas as `n nuwe Google Maps Geocoder () binne die initializer funksie (). geocoder = nuwe google.maps.Geocoder () - Voeg een by tweede funksie na jou jаvascript kode en noem dit codeAddress. Dit sal nie enige waarde toegeken word nie. codeAddress funksie () {} Maak seker dat die eerste reël van die funksie gebruik word om die adres getElementByID teks boks te kry en plaas dit in die veranderlike oproep sAddress.var sAddress = document.getElementById (" inputTextAddress") .waarde - Bel die geografiese koderingsmetode van die geokoderende voorwerp, dit sal twee parameters neem. Die eerste is GeocoderRequest, wat aandui watter soort versoek gedoen word en wat die waarde van die versoek is. Die tweede is die terugbelfunksie (terugbel) funksie wat gebruik sal word om die resultate te verwerk. geocoder.geocode ({`adres`: sAddress}, funksie (resultate, status) {}) - Die terugbelfunksie moet eers die statuswaarde van die terugbelfunksie nagaan. Gebruik `n IF-stelling om die uitslag te toets en kyk of die staat gelyk is aan google.maps.GeocoderStatus.OK. ook `n NÓG klousule vir onderrig IF.if (status == google.maps.GeocoderStatus.OK) voeg {} anders {} As die staat gelyk OK, bel setCenter veranderlike metode kaart. U moet hierdie metode voltooi om die resultate van die eerste geometriese location.map.setCenter (resultate [0] .geometry.location) te kry. Gebruik dan dieselfde meetkundige liggingresultaat om `n merker by die kaartveranderlike te voeg. Skep `n nuwe veranderlike - ons noem dit oMarker - wat gered sal word as `n nuwe google.maps.Marker. Die nuwe metode neem twee parameters, die eerste is die kaart wat jy wil byvoeg die merker en die tweede is die posisie waar die merker geleë sal wees, wat weer die gevolg van die geométrica.var plek merker = nuwe google.maps. merker ({kaart: kaart, posisie: resultate [0] .geometry.location}) - Ten slotte, voeg `n waarskuwing boodskap aan anders om die gebruiker toe die geocoderingstoepassing nie soos dit moet nie werk laat. U kan die staat gebruik om meer inligting te verskaf in plaas daarvan om te sê dat dit eenvoudig nie gewerk het nie."Geocode was nie suksesvol vir die volgende rede nie: " + status) - Nou kan jy dit probeer! Voer `n adres of die naam van `n stad in en meld of selfs die naam van die staat. Jy sal sien dat die kaart die nuwe ligging sal wys en `n merker daar byvoeg. Die webblad wat vir hierdie voorbeeld gebruik word, kan gesien en gebruik word deur die skakel onderaan in die Verwysings-afdeling te volg.



wenke

  • As `n foutboodskap verskyn, gebruik console.log in kombinasie met jou voorkeur ontfouter (soos firebug) om jou jаvascript te ontfout.
  • Alternatiewelik kan jy die volgende probeer. As `n foutboodskap verskyn, voer die opdrag in, plaas waarskuwing ("") - op so `n manier dat jy kan sien hoe ver die kode aangekom het voordat dit misluk het.
  • jаvascript is sensitief vir hoofletters, dus jy moet versigtig wees met foute van tipe en formaat.
  • jаvascript foute kan moeilik wees om op te spoor. Vra `n vriend of medewerker om die kode wat nie werk nie, na te gaan. Soms is `n paar oë meer nodig.
  • waarskuwings

    • Maak seker dat jy Google Maps gebruik volgens die gevestigde gebruiksvoorwaardes.

    Dinge wat jy nodig het

    • Webwerf met Google Maps api-kaart aangeskakel
    • Basiese kennis van jаvascript
    Deel op sosiale netwerke:

    Verwante
    Hoe om jаvascript af te skakelHoe om jаvascript af te skakel
    Hoe om vas te stel of jаvascript nie geaktiveer is nieHoe om vas te stel of jаvascript nie geaktiveer is nie
    Hoe om jou huis aanlyn met Google Maps te vindHoe om jou huis aanlyn met Google Maps te vind
    Hoe om jаvascript in Internet Explorer aan te skakelHoe om jаvascript in Internet Explorer aan te skakel
    Hoe om jаvascript op jou rekenaar aan te skakelHoe om jаvascript op jou rekenaar aan te skakel
    Hoe om jаvascript op `n Android-foon aan te skakelHoe om jаvascript op `n Android-foon aan te skakel
    Hoe om koekies en jаvascript in te skakelHoe om koekies en jаvascript in te skakel
    Hoe om die Google-logo te laat beweegHoe om die Google-logo te laat beweeg
    Hoe om `n flikkerende teks te maak sonder die `teks`-tag of jаvascriptHoe om `n flikkerende teks te maak sonder die `teks`-tag of jаvascript
    Hoe om `n vervangingsbeeld in jаvascript te maakHoe om `n vervangingsbeeld in jаvascript te maak
    » » Hoe om `n adres in Google Maps te geokodeer jаvascript
    © 2024 dmylogi.com