2 nenva nenva 于 2013.08.10 01:23 提问

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

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

8个回答

Butingnal
Butingnal   2013.10.28 11:05
已采纳

在创建marker时候给marker添加窗口监听事件
关键代码:

// 创建标注
var marker2 = new BMap.Marker(pt, {icon : myIcon});
var infoWindow2 = new BMap.InfoWindow(text);
marker2.addEventListener("click", function() {
this.openInfoWindow(infoWindow2);
});

MRbong
MRbong 你好,我想问一下,百度地图API点聚合怎么批量添加点。事例代码中,有“生成一个marker数组,然后调用markerClusterer类即可”。这个是怎么添加点的数据,怎么调用,求解答
大约 4 年之前 回复
huaziqq
huaziqq   2014.05.16 21:21
qq_36562958
qq_36562958 你好,有这个实例的源代码吗,或者可以说说怎么解决这个问题吗
9 个月之前 回复
qq_35147837
qq_35147837 你好,可以将您的代码发我参考下吗?QQ邮箱:1543947741@qq.com
9 个月之前 回复
baidu_39601971
baidu_39601971 你好,可以将您的代码发给我参考一下吗?感激不尽。
9 个月之前 回复
u014537950
u014537950 您好,能给个代码参考下吗?我用了参考了百度地图的api显示不出效果。
大约 2 年之前 回复
t_xl1123
t_xl1123 你好,你的事例是写好了,可以看看你的代码是怎么解决这个问题的么。感激不尽
3 年多之前 回复
MRbong
MRbong   2014.02.03 12:08

你好,我想问一下,百度地图API点聚合怎么批量添加点。事例代码中,有“生成一个marker数组,然后调用markerClusterer类即可”。这个是怎么添加点的数据,怎么调用,求解答

u014537950
u014537950   2016.03.24 17:52

你好,能给个代码参考下吗? 在下感激不尽!

kjb544375
kjb544375   2016.06.23 15:54

能慷慨的给个代码 参考下吗。最近被这个房源的聚合地图搞疯 了。 qq:2990312525

zhm0303
zhm0303   2017.03.14 14:32

您好,同求代码指点下,感激不尽,邮箱1525925845@qq.com

u011673741
u011673741   2017.03.20 15:03

您好,同求代码指点下。邮箱916273144@qq.com

pea378
pea378   2017.06.02 11:30

var all_marker = [];

ajax 或者什么获取数据的方式,返回data

for( var i=0;i<data.length;i++{

var marker = new BMap.Point(xxxx,yyyy);// 创建marker,其中xxxx,yyyy为data中的第i个点的经度和纬度
marker.addEventListener(function(){});// 绑定事件,一定要在放入数组前
all_marker.push(marker);// 放入数组
}

var markerClusterer = new BMapLib.MarkerClusterer(map, {markers:all_marker}); // 点聚合,地图展示完成

pea378
pea378 没有infowindow的问题,应该是创建marker后,绑定infowindow,再放入数组
11 个月之前 回复
pea378
pea378 marker 方法写错了
11 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!