how to close infowindow in google maps v3 -
i have tried implement last code @
https://developers.google.com/maps/articles/phpsqlinfo_v3
i want have cancel , close button. so, modified code , uploaded
http://adsany.com/testclose.htm (view source)
when click on map, marker appears,
when click on marker, infowindow appears.
when click on cancel , close button, closes window, new marker appears.
so, want close infowindow without creating new marker.
please suggest.
thanks.
hope link solve problem :- http://gmaps-samples-v3.googlecode.com/svn/trunk/single-infowindow/single-infowindow.html. <html> <head> <title>single info windows</title> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> google.maps.event.adddomlistener(window, 'load', function() { var map = new google.maps.map(document.getelementbyid('map'), { zoom: 13, center: new google.maps.latlng(37.789879, -122.390442), maptypeid: google.maps.maptypeid.roadmap }); var infowindow = new google.maps.infowindow; var onmarkerclick = function() { var marker = this; var latlng = marker.getposition(); infowindow.setcontent('<h3>marker position is:</h3>' + latlng.lat() + ', ' + latlng.lng()); infowindow.open(map, marker); }; google.maps.event.addlistener(map, 'click', function() { infowindow.close(); }); var marker1 = new google.maps.marker({ map: map, position: new google.maps.latlng(37.789879, -122.390442) }); var marker2 = new google.maps.marker({ map: map, position: new google.maps.latlng(37.787814,-122.40764) }); var marker3 = new google.maps.marker({ map: map, position: new google.maps.latlng(37.767568,-122.391665) }); google.maps.event.addlistener(marker1, 'click', onmarkerclick); google.maps.event.addlistener(marker2, 'click', onmarkerclick); google.maps.event.addlistener(marker3, 'click', onmarkerclick); }); </script> <style type="text/css"> body { font-family: sans-serif; } #map { width: 500px; height: 500px; } </style> </head> <body> <h2>demonstrates how share single info window on map.</h2> <ol> <li>click marker open single info window containing marker's position.</li> <li>close opened info window clicking anywhere on map.</li> </ol> <div id="map"></div> </body> </html>
Comments
Post a Comment