javascript - how to remove single marker google maps api v3 -
i try remove google maps marker clearoverlays(), cant resolve problem.. thing want remove single marker map. can remove marker. have use array code.. here code
<!doctype html> <html> <head> <script src="http://maps.googleapis.com/maps/api/js?key=aizasydy0kkjitpvd2u7atoawhc9ysh6ohxoiym&sensor=false"> </script> <script> var map; var mycenter=new google.maps.latlng(51.508742,-0.120850); var markers = []; function initialize() { var mapprop = { center:mycenter, zoom:5, maptypeid:google.maps.maptypeid.roadmap }; map = new google.maps.map(document.getelementbyid("googlemap"),mapprop); google.maps.event.addlistener(map, 'click', function(e) { placemarker(e.latlng); }); google.maps.event.addlistener(map, 'rightclick', function(){ clearoverlays(); }); } function placemarker(e) { var marker = new google.maps.marker({ position: e, map: map, }); var infowindow = new google.maps.infowindow({ content: 'latitude: ' + e.lat() + '<br>longitude: ' + e.lng() }); infowindow.open(map,marker); markers.push(marker); } function setallmap(map) { (var = 0; < markers.length; i++) { markers[i].setmap(map); } } // removes overlays map, keeps them in array. function clearoverlays() { (var = markers.length; > 0; i--){ markers[markers.length-i].setmap(null); } } // shows overlays in array. function showoverlays() { setallmap(map); } // deletes markers in array removing references them. function deleteoverlays() { clearoverlays(); markers = []; } google.maps.event.adddomlistener(window, 'load', initialize); </script> </head> <body> <div id="googlemap" style="width:500px;height:380px;"></div> <input onclick="clearoverlays();" type=button value="hide overlays"> <input onclick="showoverlays();" type=button value="show overlays"> <input onclick="deleteoverlays();" type=button value="delete overlays"> <input onclick="deletemarker(marker);" type=button value="delete mark"> </body> </html>
ok here's simple trick remove single marker google map.
var icon = "icon.png"; var marker = new google.maps.marker({ position: mylatlng, map: map, title: 'i nepal.', icon: icon, }); if you're photoshop geek, set icon size 1px , reduce opacity make transparent.. work charm.. have nice time..
Comments
Post a Comment