leaflet.draw没有显示距离标记

时间:2017-06-15 19:20:38

标签: leaflet.draw

  • Chrome V58
  • Windows 10
  • 宣传单1.0.3
  • 宣传单0.4.9

如下图所示,使用小册子1.0和小册子绘制0.2.4我获得了行的文本距离和矩形的区域。

现在我只获得圈子的区域,但其他人没有显示任何内容。这只是我,为什么以下不再有效?

(即我不再看到如下所示的1425.65 km)。enter image description here

function addDrawLayer() {
    var options = null
    var map = MAP.map
    var drawings = new L.FeatureGroup()
    MAP.drawLayer = drawings
    map.addLayer(drawings)

    options = {
        shapeOptions: {
            showArea: true,
            clickable: true
        },
        metric: true,
        edit: {
            featureGroup: drawings
        }
    }
    var drawControl = new L.Control.Draw(options)
    map.addControl(drawControl)
    map.on('draw:created', function (e) {
        var type = e.layerType
        var layer = e.layer
        if (type === 'marker') {
            layer.bindPopup('A popup!')
        }
        drawings.addLayer(layer)
    });
}

1 个答案:

答案 0 :(得分:1)

Leaflet.Draw Issue

有0.4.9的错误已被修补到0.4.10 - 但是,Leaflet.Draw还没有与Leaflet 1.1.0一起工作,看起来距离标记仍有一些问题。

虽然您的选项对象是不正确的架构。 ShapeOptions是每个draw项的一部分,可能具有该绘图工具的shapeOption。

draw: polygon: {shapeOptions: {showArea: true} }

JSFiddle