带有 markercluster 和打字稿的传单

Question

我在 typescript 中遇到 markercluster 和 leaflet 的问题，所以我试图在 stackblitz 中重现该问题，但没有成功。这是我的代码：https://stackblitz.com/edit/ts-leaflet-markercluster?file=index.ts

如您所见，没有显示任何标记，也没有抛出任何错误。

有人可以帮忙吗？

Answer 1

您应该将标记放在一个数组中，然后使用以下代码：

const addressPoints = [
  [POLSKA_SZER_GEOGR, POLSKA_DL_GEOGR, '1'],
  [POLSKA_SZER_GEOGR+1, POLSKA_DL_GEOGR+1, '1']
]

const markers = L.markerClusterGroup();

for (var i = 0; i < addressPoints.length; i++) {
  var a = addressPoints[i];
  var title = a[2];
  var marker = L.marker(new L.LatLng(a[0], a[1]), {
    title: title,
    icon: markerIcon
  });
  marker.bindPopup(title);
  markers.addLayer(marker);
}

map.addLayer(markers);

还要确保将标记图标作为 L.icon 导入，因为使用了像 webpack 这样的捆绑器（查看现场演示）。

Demo

带有 markercluster 和打字稿的传单

Leaflet with markercluster and typescript

leaflet

typescript

leaflet.markercluster