Я работаю над проектом Nuxt, Leaflet, Mapboxgl.Вот как я запускаю свою карту:
let mapOptions = {
container: 'map',
style: 'http://linkToMapStyle.com',
attributionControl: false,
center: [13.404954, 52.520008],
zoom: 5,
minZoom: 1,
preserveDrawingBuffer: true
};
_this.map = new mapboxgl.Map(mapOptions);
Я буду загружать данные маркера из моей конечной точки REST при каждом событии перемещения карты.Так что я буду загружать и удалять маркеры довольно часто.Вот почему я хотел использовать layerGroup, чтобы сгруппировать все свои маркеры, чтобы легче было их удалить.
В событии map.load я пытаюсь добавить layerGroup и маркеры в свою layerGroup:
var marker1 = L.marker([13.404954, 52.520008]);
var marker2 = L.marker([14.404954, 51.520008]);
var markers = L.layerGroup();
markers.addLayer(marker1);
markers.addLayer(marker2);
markers.addTo(_this.map)
И это дает мои ошибки:
Error: layers.undefined: either "type" or "ref" is required
...
Error: layers.undefined: missing required property "source"
...
Error: layers.undefined: missing required property "id"
..
Все примеры, которые я нашел, где без указания каких-либо параметров слоя, поэтому я не понимаю, почему это не работает для меня.