Leaflet:过滤器标记

// 创建地图
var map = L.map('map').setView([51.505, -0.09], 13);

// 添加地图图层
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors',
  maxZoom: 18,
}).addTo(map);

// 创建标记数据
var markers = [
  { lat: 51.5, lng: -0.09, name: 'Marker 1', category: 'Category A' },
  { lat: 51.51, lng: -0.1, name: 'Marker 2', category: 'Category B' },
  { lat: 51.49, lng: -0.08, name: 'Marker 3', category: 'Category A' },
];

// 过滤器函数
function filterMarkers(marker) {
  // 根据标记的category属性来过滤
  return marker.category === 'Category A';
}

// 添加标记到地图
markers.forEach(function(markerData) {
  var marker = L.marker([markerData.lat, markerData.lng]).addTo(map);
  marker.bindPopup(markerData.name);
});

// 过滤标记
var filteredMarkers = markers.filter(filterMarkers);
filteredMarkers.forEach(function(markerData) {
  var marker = L.marker([markerData.lat, markerData.lng]).addTo(map);
  marker.bindPopup(markerData.name);
});