使用Mapbox GL JS并按照提供的示例显示如何将标记附加到地图
// add markers to map
geojson.features.forEach(function(marker) {
// create a HTML element for each feature
var el = document.createElement('div');
el.className = 'marker';
// make a marker for each feature and add to the map
new mapboxgl.Marker(el)
.setLngLat(marker.geometry.coordinates)
.addTo(map);
});
如何在点击事件中隐藏/显示不同的标记
像这样的东西?
function hide() {
let markers = document.getElementsByClassName("marker");
for (let i = 0; i < markers.length; i++) {
markers[i].style.visibility = "hidden";
}
}
function show() {
let markers = document.getElementsByClassName("marker");
for (let i = 0; i < markers.length; i++) {
markers[i].style.visibility = "visible";
}
}