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.

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.