nenva
2013-08-09 17:23
采纳率: 100%
浏览 27.6k

百度地图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条回答 默认 最新

  • Gavin.bu 2013-10-28 03: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 2014-02-03 04:08

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

    评论
    解决 3 无用
    打赏 举报
  • 灵谷加油站 2017-06-02 03: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}); // 点聚合,地图展示完成

    评论
    解决 2 无用
    打赏 举报
  • huaziqq 2014-05-16 13:21
    评论
    解决 无用
    打赏 举报
  • 默晓 2016-03-24 09:52

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

    评论
    解决 无用
    打赏 举报
  • ioj4 2016-06-23 07:54

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

    评论
    解决 无用
    打赏 举报
  • 水火土要努力 2017-03-14 06:32

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

    评论
    解决 无用
    打赏 举报
  • 风中的人文 2017-03-20 07:03

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

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题