Question

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

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

无法将Leaflet LayerGroup添加到地图

0 个答案: