带有markercluster和打字稿的传单

【问题标题】：Leaflet with markercluster and typescript带有markercluster和打字稿的传单
【发布时间】：2019-05-09 18:48:07
【问题描述】：

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

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

谁能帮忙？

【问题讨论】：

标签： typescript leaflet leaflet.markercluster

【解决方案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

【讨论】：