我创建了一个MapBox实例:
var map = new mapboxgl.Map({
container : 'map',
style : 'mapbox://styles/mapbox/streets-v9'
});
我需要清除所有标记,并尝试使用map.remove(marker)等每个标记,以及其他一些东西,但似乎没有任何效果。
是否有一个简单的函数调用来清除地图上的所有标记?
编辑:与How to remove all layers and features from map?不同,因为我在控制台中得到“eachLayer不是一个公认的功能”(或类似)。
你看到了吗? https://www.mapbox.com/mapbox-gl-js/api/#marker#remove
而不是map.remove可能尝试marker.remove:
var marker = new mapboxgl.Marker().addTo(map);
marker.remove();
如果您添加了这样的标记(为了能够添加样式和自定义图像作为标记),那么您可以简单地删除该类(我通过Jquery做到了)。
添加GeoJson中的标记:
GeoJson.features.forEach(function(marker) {
var el = document.createElement('div');
el.className = 'marker';
new mapboxgl.Marker(el).setLngLat(marker.geometry.coordinates).addTo(map);
});
删除标记:
$( ".marker" ).remove();
如果您添加了多个标记,并且想要清除地图上的所有标记,则必须循环覆盖所有标记,并逐个删除它们,您将具有以下内容:
if (currentMarkers!==null) {
for (var i = currentMarkers.length - 1; i >= 0; i--) {
currentMarkers[i].remove();
}
}
考虑thar var current Markers包含所有标记,您可以使用以下内容执行此操作:
oneMarker= new mapboxgl.Marker(currentMarkerDiv)
.setLngLat(marker.geometry.coordinates)
.addTo(mapboxMap);
currentMarkers.push(oneMarker);
var currentMarkers是一个全局变量:
var currentMarkers=[];
完整示例:
// markers saved here
var currentMarkers=[];
// tmp marker
var oneMarker= new mapboxgl.Marker(currentMarkerDiv)
.setLngLat(marker.geometry.coordinates)
.addTo(mapboxMap);
// save tmp marker into currentMarkers
currentMarkers.push(oneMarker);
// remove markers
if (currentMarkers!==null) {
for (var i = currentMarkers.length - 1; i >= 0; i--) {
currentMarkers[i].remove();
}
}