无法将Leaflet LayerGroup添加到地图

时间:2018-12-04 06:26:02

标签: leaflet mapbox-gl-js

我正在研究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"
..

我发现的所有示例都没有指定任何类型的图层选项,因此我不明白为什么这对我不起作用。

0 个答案:

没有答案