Mapbox GL JS以編程方式更改標記圖像？

Question

我正在使用 Mapbox GL JS 在帶有自定義標記圖像的 map 上顯示很多引腳：

map.on('load', function () {
  map.loadImage("/path/to/pin1.png", function(error, image) {
      if (error) throw error;
      map.addImage("custom-marker", image);
  });

  map.addLayer({
      id: "unclustered-point",
      source: "geolocations",
      filter: ["!", ["has", "point_count"]],
      type: "symbol",
      layout: {
          "icon-image": "custom-marker",
          "icon-allow-overlap": true,
          "icon-anchor": "bottom",
          "icon-size": 0.5
      }
  });

  //...

});

有沒有辦法以編程方式更改單個標記圖像（例如單擊的標記）？

Answer 1

您可以添加兩個圖層，一個“已單擊”圖層和一個“未單擊”圖層，然后設置過濾器 ( setFilter )，以便每個圖層僅過濾已單擊或未單擊的要素。

Answer 2

我遇到了同樣的問題，最后，我找到了一種方法並將我的發現記錄在我的媒體中。 這將對您有所幫助。 https://medium.com/@sameeraviraj/how-to-add-multiple-draw-points-in-mapbox-gl-js-a40235003650