javascript - wpt的传单更改标记
问题描述
我有一个使用 Leaflet 的 html 页面,我通过 a.gpx 文件导入数据。我想知道是否可以修改作为标签的城市<wpt>
标记以具有图标。这是我目前拥有的:
编辑:@ghybs
您如何读取 .gpx 文件并从中创建传单图层?
var map = L.map('map');
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: 'Map data © <a href="http://www.osm.org">OpenStreetMap</a>'
}).addTo(map);
var gpx = 'http://127.0.0.1:5500/resultat.gpx';
new L.GPX(gpxFile, {
async: true,
marker_options: {
wptIconUrls: {
'': '/Leaflet/marker-icon.png',
},
startIconUrl: '/Leaflet/start.png',
endIconUrl: '/Leaflet/start.png',
shadowUrl: '/Leaflet/pin-shadow.png'
}
}).on('loaded', function (e) {
let gpx = e.target;
map.fitBounds(gpx.getBounds());
}).addTo(map);
我编辑了代码和图片,图标可见,但开始/结束图标位于航点图标下方。我没有找到如何只拥有start.png
.
解决方案
只需使用wptIconUrls: false
,航点图标将不会显示和重叠。
推荐阅读
- vba - VBA:是否可以对别名函数名称进行编码/解码(别名“CreateFileW”-> Alias Enc(182893))
- php - 函数从数据库中删除数据
- php - PHP 在 CLI 中内存不足 200MB 但在浏览器中很好
- php - 如何在 symfony 4 中使用 gmail 发送邮件?
- jquery - 在 Easyui Datagrid 中插入行时创建工具提示失败
- apache-kafka - 卡夫卡心跳线程阻塞
- amazon-web-services - 在推出 aws 代码更新期间如何为我们的设备提供物联网服务?
- swift - 将 segue 连接到导航控件
- java - Netbeans 10 中缺少 Java Web
- regex - 如何为以色列固定电话和手机验证特定电话代码创建正则表达式?