如何删除单标记谷歌地图api v3

我尝试删除谷歌地图标记与clearoverlays（），但我无法解决这个问题.. 所有我想要的是从我的地图中删除单个标记。但我只能删除所有标记。我有我的代码使用阵列..这里是我的代码如何删除单标记谷歌地图api v3

<!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) { 
    for (var i = 0; i < markers.length; i++) { 
    markers[i].setMap(map); 
    } 
} 

// Removes the overlays from the map, but keeps them in the array. 
function clearOverlays() { 
    for (var i = markers.length; i > 0; i--){ 
     markers[markers.length-i].setMap(null); 
    } 
} 

// Shows any overlays currently in the array. 
function showOverlays() { 
    setAllMap(map); 
} 

// Deletes all markers in the array by removing references to 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 All Overlays"> 
     <input onclick="deleteOverlays();" type=button value="Delete Overlays"> 
     <input onclick="deleteMarker(marker);" type=button value="delete mark"> 
</body> 
</html>

来源

2013-08-28 Didin Wahyu

检查：HTTP ：//stackoverflow.com/questions/6398979/removing-an-individual-marker-from-google-map-api-v3 – Saint

好吧，这里是从谷歌地图删除单个标记的简单技巧。

var icon = "icon.png"; 

       var marker = new google.maps.Marker({ 
       position: myLatlng, 
       map: map, 
       title: 'I am from Nepal.', 
       icon: icon, 
       });

如果你是一个Photoshop怪胎，设置您的图标大小为1px，降低不透明度，使之透明。它会像一个魅力..有一个很好的时间..

来源

2015-07-14 12:34:47

如何删除单标记谷歌地图api v3

回答

相关问题