聚類自定義HTML標記與mapbox-GL-JS

我使用的mapbox-GL-JS API，我用它反應來創建一些自定義的標記如下：聚類自定義HTML標記與mapbox-GL-JS

 let div = document.createElement('div'); 
     let marker = new mapboxgl.Marker(div, { 
      offset: [ -20, 80 ] 
     }); 

     marker.setLngLat(person.geometry.coordinates); 

     render(
      <MapPersonIcon />, 
      div, 
      () => { 
       marker.addTo(map); 
      } 
     );

result

這很好。不過，我現在想聚集這些標記，生產與層中的功能相同的影響，即

https://www.mapbox.com/mapbox-gl-js/example/cluster/

clusters

有誰知道這是否是可能的（希望定製集羣太）或它是否會在即將發佈的版本中提供？

來源

2016-08-17 Huw Davies

回答自己的問題：

在目前看來，這是不可能的，因爲每mapbox的github上：

如果你想聚集你的標誌，你將需要使用mapbox的原生希圖標（請參閱上面的示例圖片& URL），直到插件可用於您的自定義HTML標記。

來源

2016-08-22 09:56:36

當我使用Leaflet時，我能夠使用css瀏覽此問題;我會覆蓋默認的標記CSS，並使用我自己的'背景圖像'與樣式添加一個標記，它運作得非常好。令人沮喪的是，我不能像GL那樣做同樣的事情，因爲他們使用畫布，並通過Geojson/Javascript添加「本地」對象到地圖，但遺憾地拒絕添加非本地元素。我會看看他們的源代碼，看看他們如何添加標記，如果有什麼明顯突出並嘗試實施解決方法。感謝您的調查。 –

@AppDevGuy將非常感謝！ –

@AppDevGuy我想知道你是如何得到這個工作的...你有一個例子嗎？ – jberculo

聚類自定義HTML標記與mapbox-GL-JS

回答

相關問題