On Jun 30, 5:17 pm, P <[email protected]> wrote: > this should be really simple, yet I have spent TWO hours trying to > figure it out... to no avail: > > I simply need to populate my map with multiple markers. each marker > should have a infowindow that displays some information about it. > > I'm having trouble figuring out where to put my listener and click > functions... in relation to the setMarkers function. obviously, I'm no > javascript genius so please go easy on me. > > code: > > <script type="text/javascript"> > function initialize() { > var latlng = new google.maps.LatLng(37.4419, -32.1419); > var myOptions = { > zoom: 1, > center: latlng, > mapTypeId: google.maps.MapTypeId.SATELLITE > }; > var map = new > google.maps.Map(document.getElementById("map_canvas"), myOptions); > > setMarkers(map, tsunamis); > > } > > var tsunamis = [ > ['Tsunami 1', -33.890542, 151.274856, 4, 'Tsunami 1 text'], > ['Tsunami 2', -33.923036, 151.259052, 5, 'Tsunami 2 text'], > ['Tsunami 3', -34.028249, 151.157507, 3, 'Tsunami 3 text'], > ['Tsunami 4', -33.950198, 151.259302, 1, 'Tsunami 4 text'] > ]; > > function setMarkers(themap, locations) { > > for (var i = 0; i < locations.length; i++) { > var tsunami = locations[i]; > var myLatLng = new google.maps.LatLng(tsunami[1], tsunami[2]); > var marker = new google.maps.Marker({ > icon: '/images/wave_icon.png' , > position: myLatLng, > map: themap, > title: tsunami[0], > zIndex: tsunami[3] > }); > google.maps.event.addListener(marker, 'click', > listenerHandler(i,themap,marker)); > } > > } > > function listenerHandler(which,themap,marker) { > var infowindow = new google.maps.InfoWindow({ content: > tsunamis[which][4] }); > infowindow.open(themap,marker); > > } > > </script> > > (this pops up all 4 markers (with their infowindow already open – > since it is called from the setMarkers function on load...). yet > clicking on markers doesn't work! > > so, I'd like to have no infowindow show on load and enable the click > to show them. > > thanks!
Does this help: http://www.geocodezip.com/v3_markers_normal_colored_infowindows.html -- Larry -- 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.
