百度地图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盖在上面了。请问要怎么写才能解决这个问题?谢谢!
在创建marker时候给marker添加窗口监听事件
关键代码:
// 创建标注
var marker2 = new BMap.Marker(pt, {icon : myIcon});
var infoWindow2 = new BMap.InfoWindow(text);
marker2.addEventListener("click", function() {
this.openInfoWindow(infoWindow2);
});
你好,我想问一下,百度地图API点聚合怎么批量添加点。事例代码中,有“生成一个marker数组,然后调用markerClusterer类即可”。这个是怎么添加点的数据,怎么调用,求解答
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}); // 点聚合,地图展示完成
你好,能给个代码参考下吗? 在下感激不尽!
能慷慨的给个代码 参考下吗。最近被这个房源的聚合地图搞疯 了。 qq:2990312525