我正在研究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);
我将在每个map moveend事件中从我的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"
..
我发现的所有示例都没有指定任何类型的图层选项,因此我不明白为什么这对我不起作用。