典则数学启蒙 2024-10-19 07:10 采纳率: 0%
浏览 1
问题最晚将于10月27日00:00点结题

高德地图聚合图层MarkerCluster聚合多个点,但是ClusterData只有其中部分数据,原因应该是有经纬度重合的地方点,现在我想让ClusterData显示所有点的信息,如何实现?

高德地图聚合图层MarkerCluster聚合多个点,但是ClusterData只有其中部分数据,原因应该是有经纬度重合的地方点,现在我想让ClusterData显示所有点的信息,如何实现?

  • 写回答

14条回答 默认 最新

  • 专家-司宇[在线] 2024-10-19 07:11
    关注

    以下回复引自免费微信小程序:皆我百晓生。 如问题解决,还请采纳。如仍有疑问,请回复留言或私信博主,以便获得更精准的帮助。

    在JAVASCRIPT中,你可以使用FILTER()方法来过滤掉那些与当前点不在同一簇的数据点,并将这些数据添加到CLUSTERDATA数组中。这样,你就可以看到所有的点信息了。

    以下是一个示例:

    VAR MAP = NEW GOOGLE.MAPS.MAP(DOCUMENT.GETELEMENTBYID('MAP'), {
      ZOOM: 10,
      CENTER: {LAT: -34.397, LNG: 150.644}
    });
    
    VAR MARKERS = [];
    
    // 添加第一个点
    MARKERS.PUSH(NEW GOOGLE.MAPS.MARKER({
      POSITION: { LAT: -34.856, LNG: 150.729 },
      ICON: 'HTTP://MAPS.GOOGLE.COM/MAPFILES/MS/ICONS/WHITE_ROAD_MARKER.PNG'
    }));
    
    // 添加第二个点
    MARKERS.PUSH(NEW GOOGLE.MAPS.MARKER({
      POSITION: { LAT: -34.884, LNG: 150.694 },
      ICON: 'HTTP://MAPS.GOOGLE.COM/MAPFILES/MS/ICONS/WHITE_ROAD_MARKER.PNG'
    }));
    
    // 添加第三个点
    MARKERS.PUSH(NEW GOOGLE.MAPS.MARKER({
      POSITION: { LAT: -34.895, LNG: 150.686 },
      ICON: 'HTTP://MAPS.GOOGLE.COM/MAPFILES/MS/ICONS/WHITE_ROAD_MARKER.PNG'
    }));
    
    // 创建MARKERCLUSTERGROUP
    VAR MARKERCLUSTERGROUP = NEW GOOGLE.MAPS.MARKERCLUSTER();
    
    // 将POINT对象添加到MARKERCLUSTERGROUP中
    MARKERCLUSTERGROUP.ADDMARKERS(MARKERS);
    
    // 在地图上显示MARKERCLUSTERGROUP
    MAP.SETZOOM(14);
    MAP.FITBOUNDS(MARKERCLUSTERGROUP.GETBOUNDS());
    
    GOOGLE.MAPS.EVENT.ADDLISTENER(MAP, 'CLICK', FUNCTION(EVENT) {
      VAR MARKER = EVENT.GETLATLNG();
      CONSOLE.LOG(MARKER);
    });
    

    在这个例子中,我们首先创建了一个MARKERCLUSTERGROUP对象,然后通过点击事件触发了ADDMARKERS方法。ADDMARKERS方法接受一个POINT对象作为参数,这个对象代表了我们要添加的点。然后我们在地图上设置了ZOOM值为14,并将MARKERCLUSTERGROUP添加到了地图上。最后,在地图上显示了MARKERCLUSTERGROUP。

    注意:这只是一个基本的例子,实际应用中可能需要处理更多的情况和错误。例如,如果某个点被其他点覆盖,或者它与其他点没有直接关系等。

    评论

报告相同问题?

问题事件

  • 创建了问题 今天

悬赏问题

  • ¥15 悬赏Python-playwright部署在centos7上
  • ¥15 psoc creator软件有没有人能远程安装啊
  • ¥15 快速扫描算法求解Eikonal方程咨询
  • ¥20 我的是道格手机,重置后屏幕右上角出现红色字的未写入tee key 和未写入google key请问怎么去掉啊
  • ¥15 校内二手商品转让网站
  • ¥20 高德地图聚合图层MarkerCluster聚合多个点,但是ClusterData只有其中部分数据,原因应该是有经纬度重合的地方点,现在我想让ClusterData显示所有点的信息,如何实现?
  • ¥100 求Web版SPC控制图程序包调式
  • ¥20 指导如何跑通以下两个Github代码
  • ¥15 大家知道这个后备文件怎么删吗,为啥这些文件我只看到一份,没有后备呀
  • ¥15 C++为什么这个代码没报错运行不出来啊