Javascript 如何将超链接添加到通过传单.Draw创建的传单多段线?
我使用的是传单。画图,我想让我画的线有超链接,这样有人可以点击链接打开一个新页面 如何将链接添加到通过传单.Draw创建的多段线?当我向drawnItems添加layer时,如何给该层另一个可以是URL的属性Javascript 如何将超链接添加到通过传单.Draw创建的传单多段线?,javascript,leaflet,openstreetmap,Javascript,Leaflet,Openstreetmap,我使用的是传单。画图,我想让我画的线有超链接,这样有人可以点击链接打开一个新页面 如何将链接添加到通过传单.Draw创建的多段线?当我向drawnItems添加layer时,如何给该层另一个可以是URL的属性 var map = L.map('map').setView([-41.2858, 174.78682], 14); mapLink = '<a href="http://openstreetmap.org">OpenStreetMap</a&g
var map = L.map('map').setView([-41.2858, 174.78682], 14);
mapLink =
'<a href="http://openstreetmap.org">OpenStreetMap</a>';
L.tileLayer(
'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© ' + mapLink + ' Contributors',
maxZoom: 18,
}).addTo(map);
var drawnItems = new L.FeatureGroup();
map.addLayer(drawnItems);
var drawControl = new L.Control.Draw({
edit: {
featureGroup: drawnItems
}
});
map.addControl(drawControl);
map.on('draw:created', function (e) {
var type = e.layerType,
layer = e.layer;
drawnItems.addLayer(layer);
});
var-map=L.map('map').setView([-41.2858174.78682],14);
地图链接=
'';
蒂莱耶(
'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
属性:'©;'+mapLink+'Contributors',
maxZoom:18,
}).addTo(地图);
var drawnItems=新的L.FeatureGroup();
map.addLayer(drawnItems);
var drawControl=新的L.Control.Draw({
编辑:{
功能组:drawnItems
}
});
map.addControl(drawControl);
地图上('draw:created',函数(e){
变量类型=e.layerType,
层=e层;
drawnItems.addLayer(层);
});
单击绘制的特征时,以下内容将打开一个新页面:
map.on('draw:created', function (e) {
var type = e.layerType,
layer = e.layer;
layer.on('click', function(){
window.open('http://www.example.com','_blank');
});
drawnItems.addLayer(layer);
});
这将使用url绑定弹出窗口:
map.on('draw:created', function (e) {
var type = e.layerType,
layer = e.layer;
layer.bindPopup('<a href="http://www.example.com">example</a>');
drawnItems.addLayer(layer);
});
map.on('draw:created',函数(e){
变量类型=e.layerType,
层=e层;
层绑定弹出窗口(“”);
drawnItems.addLayer(层);
});
但我不确定你到底想要什么;您可能需要为问题添加更多信息。通常,“draw:created”回调是添加此功能的地方。这是交叉发布到Thank@toms!这很有道理。我想让该地图的用户在放置多段线后自己添加链接,但我应该能够自己使用layer.bindpuppop解决这个问题。