javascript - 为什么leaflet.js在map.addlayer(layer)上添加不止一层？

Question

我在传单方面遇到问题。我尝试只添加一层，但传单添加了不止一层。

这是代码:

var region_layer = L.geoJSON(layer);

// Count layers
console.log("Before adding a layer")
let i = 0;
mymap.eachLayer(function(){ i += 1; });
console.log('Map has', i, 'layers.');

// Add one layer
mymap.addLayer(region_layer);

// Count layers again
console.log("After adding a layer")
let z = 0;
mymap.eachLayer(function(){ z += 1; });
console.log('Map has', z, 'layers.');

这是控制台中的输出:

Before adding a layer
Map has 0 layers.
After adding a layer
Map has 3 layers.

这是第一个变量层的方面:

为什么传单要添加 3 层而不是一层？

Answer 1

Layer 的三个实例在这种情况下是:

• L.GeoJSON 的一个实例，它解析您的 geojson 数据并生成所需的矢量图层实例，在您的具体情况下只是......
• L.Polygon 的一个实例，它负责解释特定多边形的坐标和样式，并将该信息发送到...
• L.Renderer 的一个实例，这将是 L.SVG 或 L.Canvas 取决于您的浏览器和 prefercanvas option of your map instance 。渲染器负责在需要时实际绘制可见内容(通过在 DOM 中生成 <svg> 元素，或分别将像素推送到 <canvas> )。