Google Maps API v3 - Geocoding

Question

i would like to get a map with 2 markers. if i use the LatLng (see JS Code /WORKS JUST FINE/) it is no problem... but as soon i try to use geocoding (see JS Code /Y U NOT WORKING?/) it doesn't work. I guess this is all wrong:

var adresse3=geocoder.geocode({'address': 'Winkelriedstrasse 47, 6004 Luzern'})[0].geometry.location;

Can anyone help me. Thanks you in advance.

var myCenter=new google.maps.LatLng(47.050944,8.309441); var geocoder; var map; function initialize(){ var mapProp = { center :myCenter }; var geocoder = new google.maps.Geocoder(); var map = new google.maps.Map(document.getElementById("googleMap"),mapProp); /*WORKS JUST FINE*/ var marker1=new google.maps.Marker({ position: new google.maps.LatLng(47.050944,8.309441) }); marker1.setMap(map); var infowindow1 = new google.maps.InfoWindow({ content:"marker1" }); google.maps.event.addListener(marker1, 'click', function() { infowindow1.open(map,marker1); }); /*Y U NOT WORKING?*/ var adresse3=geocoder.geocode({'address': 'Winkelriedstrasse 47, 6004 Luzern'})[0].geometry.location; var marker3=new google.maps.Marker({ position: adresse3 }); marker3.setMap(map); var infowindow3 = new google.maps.InfoWindow({ content:"marker3" }); google.maps.event.addListener(marker3, 'click', function() { infowindow3.open(map,marker3); }); } google.maps.event.addDomListener(window, 'load', initialize);

What error do you get?

Nicolas
– Nicolas

2013-04-12 14:51:50 +00:00
Commented Apr 12, 2013 at 14:51 — Nicolas
– Nicolas, Commented Apr 12, 2013 at 14:51

Community · Accepted Answer · 2017-05-23 12:16:44Z

Your problem is that geocoder.geocode is asynchronous, so you have to pass a callback function.

Adapted from the Google Maps Documentation :

geocoder.geocode({'address': 'Winkelriedstrasse 47, 6004 Luzern'}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { map.setCenter(results[0].geometry.location); var marker = new google.maps.Marker({ map: map, position: results[0].geometry.location }); } else { alert("Geocode was not successful for the following reason: " + status); } });

Michael Trachsel · Accepted Answer · 2013-04-29 11:16:53Z

thats how i solved it (i used the goMap PlugIn http://www.pittss.lv/jquery/gomap/ )

<script type="text/javascript" src="js/jquery.gomap-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $(function(){ $("#googleMap").goMap({ address: 'Luzern, Schweiz', zoom: 13, maptype: 'ROADMAP', mapTypeControl: false, hideByClick: false }); $.goMap.createMarker({ address: 'Winkelriedstrasse 47, 6004 Luzern', html: 'Winkelriedstrasse 47, 6004 Luzern' }); }); }); </script>

now it works just fine...

Piotr · Accepted Answer · 2013-11-01 08:22:20Z

Nicolas, you have an error in line:

geocoder.geocode('address': 'Winkelriedstrasse 47, 6004 Luzern', function(results, status)

use this code:

geocoder.geocode({'address': 'Winkelriedstrasse 47, 6004 Luzern'}, function(results, status)

Collectives™ on Stack Overflow

Google Maps API v3 - Geocoding

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related