Leaflet wpt 更改標記

Question

我有一個使用 Leaflet 的 html 頁面，我通過 a.gpx 文件導入數據。 我想知道是否可以修改作為<wpt>標簽的城市的標記以具有圖標。 這是我目前擁有的：

編輯：@ghybs

您如何讀取 .gpx 文件並從中創建 Leaflet 層？

        var map = L.map('map');
        L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: 'Map data &copy; <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 。

Answer 1

只需使用wptIconUrls: false ，航點圖標將不會顯示和重疊。