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

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -