如何将超链接添加到通过传单创建的传单多段线.Draw
How do you add hyperlinks to Leaflet polylines created via Leaflet.Draw?
我正在使用Leaflet.Draw,我想允许我画的线中有超链接,这样有人可以点击链接并打开新页面。
如何向通过传单创建的多段线添加链接。Draw?当我将layer添加到drawnItems时,如何为该层提供另一个可以是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: '© ' + 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);
});
单击绘制的特征后,以下内容将打开一个新页面:
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);
});
这将绑定一个弹出与网址:
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"回调是添加此功能的地方。
相关文章:
- 创建要多次使用的函数
- 如何在Parse中创建一对多关系
- 如何创建包含多个视频的视频横幅
- 使用复选框绘制多段线谷歌地图API3,不'不起作用
- 如何将超链接添加到通过传单创建的传单多段线.Draw
- 谷歌地图API多段线创建失败;未捕获类型错误:数字不是函数;
- 多选更改创建动态字段
- 表单提交时创建的多个文件夹
- 单击了多段线的哪一段
- OSM创建可编辑地图来绘制多段线路径和标记
- get函数不会从表单中动态创建的字段中获取数据
- 在javascript生成的表单中创建输入字段
- 如何验证在单击按钮时创建的字段
- 如何创建一个多提交表单没有页面重新加载
- 在表单中使用name属性中的增量索引创建新字段时,似乎不考虑变量
- 单击时捕获谷歌地图多段线(每个起点/终点)
- 在我的表单中创建依赖字段
- 使用javascript创建多段线
- Html表单多选择框使用SumoSelect,标记必需的字段
- 如何将不同的ng模型值分配给从一个指令创建的多个输入字段?