У меня есть страница html, которая использует Leaflet, я импортирую данные через файл .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
.