Google maps javascript v3 API - showing infowindow on mouseover of DOM element and the map keeps moving -
like title says, have directory website profiles in middle , google map on side. i've gotten marker infowindow appear when hover on corresponding profile's div, when mouse moves within div it's event fires on , on , map tries re-center marker, giving jiggling effect.
any idea how keep happening?
here code event listeners:
for (i = 0; < locations.length; i++) { markerid = "id_" + (locations[i][3]); var marker = new google.maps.marker({ position: new google.maps.latlng(locations[i][1], locations[i][2]), animation: google.maps.animation.drop, map: map }); bounds.extend(marker.position); google.maps.event.addlistener(marker, 'mouseover', (function(marker, i) { return function() { infowindow.setcontent(locations[i][0]); infowindow.open(map, marker); } })(marker, i)); markerobj = document.getelementbyid(markerid); //you can create dom event listeners map google.maps.event.adddomlistener(markerobj, 'mouseover', (function(marker, i) { return function() { infowindow.setcontent(locations[i][0]); infowindow.open(map, marker); } })(marker, i)); }
Comments
Post a Comment