Как вы добавляете гиперссылки на полилинии листов, созданные через Leaflet.Draw?

Question

Я использую Leaflet.Draw, и я хочу разрешить линии, которые я рисую, чтобы иметь гиперссылки в них, чтобы кто-то мог щелкнуть ссылку и открыть новую страницу.

Как добавить ссылку на полилинию, созданную через Leaflet.Draw? Когда я добавляю слой к drawItems, как я могу дать этому слою другой атрибут, который может быть 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); 
    }); 

Answer 1

Следующие откроет новую страницу, когда нарисованная функция щелкнула:

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); 
}); 

Но не уверен, что вы после этого точно; вы можете добавить дополнительную информацию к вопросу. В общем, обратный вызов 'draw: created' - это место, где вы бы добавили эту функциональность.