聚类自定义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

回答

相关问题