百度地图API开发,使用MarkerClusterer进行点聚合的问题-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

2016-03-17 10:25:38 4617 1

新手求助,我开发的程序在地图上放置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盖在上面了。请问要怎么写才能解决这个问题?谢谢!

取消 提交回答
全部回答(1)
  • 小旋风柴进
    2019-07-17 19:04:40
    在创建marker时候给marker添加窗口监听事件
    关键代码:
    
    // 创建标注
    var marker2 = new BMap.Marker(pt, {icon : myIcon}); 
    var infoWindow2 = new BMap.InfoWindow(text);
    marker2.addEventListener("click", function() {
    this.openInfoWindow(infoWindow2);
    });
    
    0 0
相关问答

0

回答

API参考 - API参考 -参数管理 - DescribeParameters

2018-09-15 22:42:02 1291浏览量 回答数 0

0

回答

API参考 - API参考 -监控管理 - ModifyDBInstanceMonitor

2018-09-15 22:39:27 900浏览量 回答数 0

0

回答

API参考 - API参考 -监控管理 - DescribeDBInstanceMonitor

2018-09-15 22:39:01 1279浏览量 回答数 0

0

回答

API参考 - API参考 - 实例管理 - DescribeDBInstances

2018-09-11 23:27:08 1187浏览量 回答数 0

0

回答

API参考 - API参考 - 实例管理 - DeleteDBInstance

2018-09-11 23:25:30 895浏览量 回答数 0

0

回答

E-MapReduce API参考公共参数是什么?

2017-10-30 16:47:12 1374浏览量 回答数 0

0

回答

E-MapReduce API参考请求结构是什么?

2017-10-27 16:23:45 1450浏览量 回答数 0

0

回答

E-MapReduce API参考公共参数是什么?

2017-10-27 16:24:16 1808浏览量 回答数 0

0

回答

E-MapReduce API参考签名机制是什么?

2017-10-27 16:25:03 1588浏览量 回答数 0

0

回答

人工智能图像类API参考 车牌识别方法?

2017-10-26 10:53:21 1678浏览量 回答数 0
2709
文章
6591
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载