Javascript 如何将超链接添加到通过传单.Draw创建的传单多段线?

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

我使用的是传单。画图,我想让我画的线有超链接,这样有人可以点击链接打开一个新页面

如何将链接添加到通过传单.Draw创建的多段线?当我向drawnItems添加layer时,如何给该层另一个可以是URL的属性

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: '&copy; ' + 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解决这个问题。