有没有人有任何在拥挤区域扩展的分组图钉的例子？

Question

我正在实现一个基于 Web 的 JS here.com 应用程序，该应用程序需要重叠的图钉（许多图钉位于完全相同的位置）。 Google 地图 https://github.com/jawj/OverlappingMarkerSpiderfier.

是否有任何类型的插件或示例可以解决与此插件类似的问题

我搜索了很长时间，但找不到任何地方开始解决这个问题。

我只需要一些方法来整理重叠标记以允许所有标记上的触摸事件。任何帮助将不胜感激。

Answer 1

请参考https://developer.here.com/api-explorer/maps-js/v3.0/markers/ordering-overlapping-markers如何在几乎相同的点上实现多个标记。

function orderMarkers() {
  var zIndex = 1,
      // create a set of markers
      marker = new mapsjs.map.Marker(
        {lat: 52.508249, lng: 13.338931}
      ),
      marker2 = new mapsjs.map.Marker(
        {lat: 52.506682, lng: 13.332107}
      ),
      marker3 = new mapsjs.map.Marker(
        {lat: 52.503730, lng: 13.331678}
      ),
      marker4 = new mapsjs.map.Marker(
        {lat: 52.531, lng: 13.380}
      );

  // add markers to the map
  map.addObjects([marker, marker2, marker3, marker4]);

  map.addEventListener('tap', function (evt) {
    if (evt.target instanceof mapsjs.map.Marker) {
      // increase z-index of the marker that was tapped
      evt.target.setZIndex(zIndex++);
    }
 });
}

Answer 2

我不知道有任何现成的解决方案，但您可能会从 clustering module and take it from there. Write a custom theme 开始，这将允许集群在点击时扩展（比如将它们排列在网格中或其他东西）。

有没有人有任何在拥挤区域扩展的分组图钉的例子？

Does anyone have any examples of grouped pins expanding in crowded areas?

here-api