Google maps api 3 gmap v3清除特异性标记
要从谷歌地图中清除标记,我使用:Google maps api 3 gmap v3清除特异性标记,google-maps-api-3,Google Maps Api 3,要从谷歌地图中清除标记,我使用: mapContent.gmap('clear', 'markers'); 但如果我想清除特定的标记,而不是全部,比如说通过它们的ID?可能吗 从映射中清除标记的方法是在上调用setMap(null)。看起来您正在为谷歌地图使用第三方插件(也许?)。如果您使用的是jquery ui映射,请使用find方法找到所需的标记,然后在其上调用setMap(null)。marker.setMap(null)只会清除标记覆盖。它不会破坏标记。因为“清楚”是潜在的。我也想清除
mapContent.gmap('clear', 'markers');
但如果我想清除特定的标记,而不是全部,比如说通过它们的ID?可能吗 从映射中清除标记的方法是在上调用setMap(null)。看起来您正在为谷歌地图使用第三方插件(也许?)。如果您使用的是jquery ui映射,请使用
find
方法找到所需的标记,然后在其上调用setMap(null)
。marker.setMap(null)只会清除标记覆盖。它不会破坏标记。因为“清楚”是潜在的。我也想清除标记并销毁我单击的标记。我有一个工作演示,我愿意与大家分享。虽然我使用了marker.setMap(null),但它只隐藏了标记。我还没有找到彻底摧毁它的方法
jsFiddle:
代码:
$(文档).ready(函数(){
var-markerCount=0;
$(“#测试1”).gmap3({
地图:{
选项:{
中心:[-2.2214281090541204,-78.69506835975],
缩放:8,
mapTypeId:google.maps.mapTypeId.ROADMAP,
mapTypeControl:true,
mapTypeControlOptions:{
样式:google.maps.MapTypeControlStyle.DROPDOWN_菜单
},
导航控制:对,
滚轮:对,
禁用双击缩放:真,
街景控制:错误,
},
活动:{
单击:功能(映射、事件){
如果(标记计数<10){
$(本文件)。gmap3(
{
标记:{
latLng:event.latLng,
选项:{
真的,
动画:google.maps.animation.DROP,
},
活动:{
单击:功能(标记){
marker.setMap(map);
marker.setMap(空);
标记=空;
删除标记;
控制台日志(标记器);
马克计数--;
},
dragend:功能(标记器){
$(“#inputArray”).empty();
setTimeout(函数(){
var markers=$(“#test1”).gmap3({
获取:{
所有人:是的
}
});
$。每个(标记,功能(i,标记){
$(“#inputArray”).append(“{”纬度“:“+marker.position.lat()+”,“+”“经度“:“+marker.position.lng()+”,”+”);
});
}, 400);
}
},
},
});
markerCount++;
$(“#inputArray”).empty();
setTimeout(函数(){
var markers=$(“#test1”).gmap3({
获取:{
所有人:是的
}
});
$。每个(标记,功能(i,标记){
$(“#inputArray”).append(“{”纬度“:“+marker.position.lat()+”,“+”“经度“:“+marker.position.lng()+”,”+”);
});
}, 400);
}否则{
返回false;
};
}
}
}
});
});
$(document).ready(function () {
var markerCount = 0;
$("#test1").gmap3({
map: {
options: {
center: [-2.2214281090541204, -78.695068359375],
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
navigationControl: true,
scrollwheel: true,
disableDoubleClickZoom: true,
streetViewControl: false,
},
events: {
click: function (map, event) {
if (markerCount < 10) {
$(this).gmap3(
{
marker: {
latLng: event.latLng,
options: {
draggable: true,
animation: google.maps.Animation.DROP,
},
events: {
click: function (marker) {
marker.setMap(map);
marker.setMap(null);
marker = null;
delete marker;
console.log(marker);
markerCount--;
},
dragend: function (marker) {
$("#inputArray").empty();
setTimeout(function () {
var markers = $("#test1").gmap3({
get: {
all: true
}
});
$.each(markers, function (i, marker) {
$("#inputArray").append('<p>{"latitude":' + marker.position.lat() + ', ' + '"longitude":' + marker.position.lng() + '},' + '</p>');
});
}, 400);
}
},
},
});
markerCount++;
$("#inputArray").empty();
setTimeout(function () {
var markers = $("#test1").gmap3({
get: {
all: true
}
});
$.each(markers, function (i, marker) {
$("#inputArray").append('<p>{"latitude":' + marker.position.lat() + ', ' + '"longitude":' + marker.position.lng() + '},' + '</p>');
});
}, 400);
} else {
return false;
};
}
}
}
});
});