Leaflet 如何在传单中绘制具有初始点的多段线

Leaflet 如何在传单中绘制具有初始点的多段线,leaflet,leaflet.draw,Leaflet,Leaflet.draw,我正在使用传单.draw中的自定义多段线抽屉 let polylineDrawer = new L.Draw.Polyline(map, {}) polylineDrawer.enable() 我需要以编程方式将起点添加到多段线 我已尝试调用L.Draw.Polyline的addVertex。由于addHooks或其他原因,它似乎不适用于自定义多段线抽屉。。。试图更改来源,但没有结果 还尝试在启用抽屉后在地图上触发单击。像这样: let point = new L.LatLng(x, y)

我正在使用传单.draw中的自定义多段线抽屉

let polylineDrawer = new L.Draw.Polyline(map, {})

polylineDrawer.enable()
我需要以编程方式将起点添加到多段线

我已尝试调用
L.Draw.Polyline
addVertex
。由于
addHooks
或其他原因,它似乎不适用于自定义多段线抽屉。。。试图更改来源,但没有结果

还尝试在启用抽屉后在地图上触发
单击
。像这样:

let point = new L.LatLng(x, y)

map.fireEvent('click', {
  latlng: point,
  layerPoint: map.latLngToLayerPoint(point),
  containerPoint: map.latLngToContainerPoint(point),
})
也不起作用


编辑:实际上,
AddVertex
可以处理自定义多段线。它“不起作用”,因为我在函数中传递了错误的参数。不知何故,我错过了这一点。

在抽屉对象上使用
addVertex
确实可以为行添加起点:

var polylineDrawer = new L.Draw.Polyline(map, {})
polylineDrawer.enable();

var latlng = L.latLng(48.8583736, 2.2922926);
polylineDrawer.addVertex(latlng);
还有一个演示

var样式={
中风:是的,
颜色:“红色”,
体重:4,
不透明度:0.5
};
var map=L.map(document.getElementById('map')).setView([48.8583736,2.2922926],15);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png'{
属性:“©;贡献者”
}).addTo(地图);
var drawnItems=newl.geoJson(null,{style:style}).addTo(map);
map.on(L.Draw.Event.CREATED,函数(Event){
var层=event.layer;
drawnItems.addLayer(层);
});
var polylineDrawer=新的L.Draw.Polyline(映射,{})
polylineDrawer.enable();
var latlng=L.latlng(48.8583736,2.2922926);
多段线抽屉。添加顶点(板条)
html,正文{
身高:100%;
保证金:0;
}
#地图{
宽度:100%;
身高:100%;
}

在抽屉对象上使用
addVertex
可以为行添加起点:

var polylineDrawer = new L.Draw.Polyline(map, {})
polylineDrawer.enable();

var latlng = L.latLng(48.8583736, 2.2922926);
polylineDrawer.addVertex(latlng);
还有一个演示

var样式={
中风:是的,
颜色:“红色”,
体重:4,
不透明度:0.5
};
var map=L.map(document.getElementById('map')).setView([48.8583736,2.2922926],15);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png'{
属性:“©;贡献者”
}).addTo(地图);
var drawnItems=newl.geoJson(null,{style:style}).addTo(map);
map.on(L.Draw.Event.CREATED,函数(Event){
var层=event.layer;
drawnItems.addLayer(层);
});
var polylineDrawer=新的L.Draw.Polyline(映射,{})
polylineDrawer.enable();
var latlng=L.latlng(48.8583736,2.2922926);
多段线抽屉。添加顶点(板条)
html,正文{
身高:100%;
保证金:0;
}
#地图{
宽度:100%;
身高:100%;
}