Hi, I have a map with multiple markers and would like to have an event listener that would center the map when you click on a marker. I have the basic code, which follows:
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" / > <title>Google Maps Multiple Markers</title> <script src="http://maps.google.com/maps/api/js?sensor=false"; type="text/javascript"></script> </head> <body> <div id="map" style="width: 500px; height: 400px;"></div> <script type="text/javascript"> var locations = [ ['Bondi Beach', -33.890542, 151.274856, 4], ['Coogee Beach', -33.923036, 151.259052, 5], ['Cronulla Beach', -34.028249, 151.157507, 3], ['Manly Beach', -33.80010128657071, 151.28747820854187, 2], ['Maroubra Beach', -33.950198, 151.259302, 1] ]; var map = new google.maps.Map(document.getElementById('map'), { zoom: 10, center: new google.maps.LatLng(-33.92, 151.25), mapTypeId: google.maps.MapTypeId.ROADMAP }); var infowindow = new google.maps.InfoWindow(); var marker, i; for (i = 0; i < locations.length; i++) { marker = new google.maps.Marker({ position: new google.maps.LatLng(locations[i][1], locations[i] [2]), map: map }); google.maps.event.addListener(marker, 'click', (function(marker, i) { return function() { // I want to pan to selected marker!! infowindow.setContent(locations[i][0]); infowindow.open(map, marker); } })(marker, i)); } </script> </body> </html> I have been trying to put: google.maps.event.addListener(marker, 'click', (function(marker, i) { return function() { map.panTo(marker.LatLng); infowindow.setContent(locations[i][0]); infowindow.open(map, marker); } })(marker, i)); } But panTo is not working. Can anybody help?? -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
