带有标记群集和打字稿的传单

时间:2019-05-09 10:08:38

标签: typescript leaflet leaflet.markercluster

我在@after中遇到markerclusterleaflet的问题,因此我试图在typescript中重新创建该问题,但没有成功。 这是我的代码:https://stackblitz.com/edit/ts-leaflet-markercluster?file=index.ts

如您所见,没有显示标记,也没有引发错误。

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:2)

您应将标记放置在数组中,然后使用以下代码:

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