Как добавить несколько наборов маркеров? - PullRequest
Новая
       25

Как добавить несколько наборов маркеров?

0 голосов
/ 12 декабря 2018

Мне нужно нарисовать несколько слоев иконок на моей карте.Каждый набор этого значка должен быть визуализирован или нет, нажав на панель параметров.Я нашел все примеры, в которых показано, как добавить один маркер или группу маркеров, но ничего о множестве групп.

Я работаю в угловом формате с Asymmetrik / ngx-leaflet, но я думаю, что концепция, которую я пропустилЯ думаю, что для всех реализаций. 

  markersLayersLev_1: Marker[] = [];
  markersLayersLev_2: Marker[] = [];
  markersLayersLev_3: Marker[] = [];

Как я могу поместить эти "слои" на карте отдельным способом?

1 Ответ

0 голосов
/ 14 декабря 2018

Хорошо, я нашел, как сделать эту задачу.

Маркер расширяет слой, так что я могу вставить эти маркеры в LayerGroup.У меня есть различные layerGroup, каждый с собственным набором маркеров.

директива leafletLayers ngx-leaflet принимает массив слоев, поэтому я помещаю различные layerGroup в массив LayerGroup [] и устанавливаю это значениедирективы.

В файле Typescript: 

itemsLevel_1: LayerGroup = new LayerGroup();
itemsLevel_2: LayerGroup = new LayerGroup();

marker1.addTo(itemsLevel_1);
marker2.addTo(itemsLevel_1);

marker3.addTo(itemsLevel_2);
marker4.addTo(itemsLevel_2);

 layerMainGroup: LayerGroup[] = [
    itemsLevel_1,
    itemsLevel_2
  ];

и на html-странице: 

<div
  id="mapContainer"
  leaflet
  [...]
  [leafletLayers]="layerMainGroup"
></div>
...