Leaflet.js＆amp; Leaflet.Draw - 创建折线绘图按钮

Question

是否可以添加L.Control按钮，因此当用户点击它时，用户可以绘制折线？我可以轻松添加默认的L.Control.Draw按钮，但这不是我想要的，我只想要这个按钮的功能：）

Answer 1

不是从外部覆盖（隐藏）功能，而是可以使用L.Control.Draw（我是他的忠实粉丝）定义来显示或不显示你想要的内容。因此，要使用L.Control.Draw仅显示用于定义折线的按钮，可以将其设置为：

var drawControl = new L.Control.Draw({
        position: 'topleft',
        draw: {
            polyline: { <whatever options you want> },
            polygon: false, 
            rectangle: false,
            circle: false,
            marker: false
        },
        edit: false
    });

Answer 2

最简单的解决方法是添加CSS属性display:none;，它可以移动控件按钮而不会弄乱UI。以下是您要隐藏的以下课程：

• 小叶绘制绘制标志物
• 小叶绘制绘制圆
• 小叶绘制绘制矩形
• 小叶绘制绘制多边形

或者你可以分叉Leaflet.draw，只需删除与其他地理特征有关的部分。