百度地图点聚合MarkerClusterer放大后监听单个点的点击事件

项目中遇到使用了百度地图的点聚合功能,但是遇到另外一个问题,

点击红框中的单个标注时,无法获取点击事件,查找了很多文章,最终找到了解决方法。

解决方法建立在已经修改过点聚合渲染逻辑的基础上百度地图点聚合优化),CSDN上面的好多文章都是参考的这个。

修改过后的代码

就是添加了一个渲染方法来渲染DOM。

如果你想点击事件弹出自己想要设置的东西可以参考下面。

 

 

支付宝搜索515778872领红包!!!最高99元。每天都能领。

发布了13 篇原创文章 · 获赞 8 · 访问量 1万+
展开阅读全文

百度地图API开发,使用MarkerClusterer进行点聚合的问题

08-09

新手求助,我开发的程序在地图上放置marker,是通过一个函数完成的: function addMarker(getPoint,outContent,titleContent){ var opts = { position : getPoint, // 指定文本标注所在的地理位置 offset : new BMap.Size(10, 0) //设置文本偏移量 } var label = new BMap.Label(titleContent, opts); // 创建文本标注对象 label.setStyle({ color : "red", fontSize : "12px", height : "20px", lineHeight : "20px", fontFamily:"微软雅黑" }); var marker = new BMap.Marker(getPoint); var infoWindow = new BMap.InfoWindow(outContent,{width:300}); // 创建信息窗口对象 // var titleWindow = new BMap.InfoWindow(titleContent, {width:50,height:5}); map.addOverlay(marker); marker.addEventListener("mouseover",function() {this.map.addOverlay(label);}); marker.addEventListener("mouseout",function() {this.map.removeOverlay(label);}); marker.addEventListener("click", function(){ this.openInfoWindow(infoWindow); document.getElementById('smallpic').onload = function () {infoWindow.redraw();} }); } 然后再用for循环将已经读取好的每个点的坐标、需要显示的label、需要弹窗的infowindow的内容等输入函数,在地图上标点: for (i = 0; i < locations.length; i++) { addMarker(point,readContent,titleContent); } 现在的问题是点很多,需要用MarkerClusterer进行点聚合,但是如果按照示例代码那样,建一个数组将坐标全部导入,聚合是成功了,但生成的聚合点是没有label和infowindow的,感觉像是聚合点是直接生成了一批新的marker盖在上面了。请问要怎么写才能解决这个问题?谢谢! 问答

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览