Листовка с маркером и машинописью - PullRequest
Новая
       22

Листовка с маркером и машинописью

0 голосов
/ 09 мая 2019

У меня проблема с markercluster и leaflet в typescript, поэтому я пытаюсь воссоздать эту проблему в stackblitz, но безуспешно. Вот мой код: https://stackblitz.com/edit/ts-leaflet-markercluster?file=index.ts

Как видите, маркеры не отображаются и ошибки не выдаются.

Может кто-нибудь помочь?

1 Ответ

2 голосов
/ 09 мая 2019

Вы должны поместить свои маркеры в массив, а затем использовать следующий код: 

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 из-за использования такого пакета, как веб-пакет (см. Живую демонстрацию).

Демо

...