美文网首页
百度地图api点聚合+marker事件

百度地图api点聚合+marker事件

作者: 食不食 | 来源:发表于2017-10-27 14:01 被阅读0次

    var map = new BMap.Map("allmap");

    map.setCurrentCity("重庆"); // 设置地图显示的城市 此项是必须设置的

    map.centerAndZoom(new BMap.Point(116.404, 39.915), 5);

    map.enableScrollWheelZoom(true);

    var MAX = 12;

    var markers = [];

    var pt = null;

    var i = 0;

    for(; i < MAX; i++) {

    pt = new BMap.Point(Math.random() * 40 + 85, Math.random() * 30 + 21);

    markers.push(new BMap.Marker(pt));

    }

    //最简单的用法,生成一个marker数组,然后调用markerClusterer类即可。

    var markerClusterer = new BMapLib.MarkerClusterer(map, {

    markers: markers

    });

    $.each(markers, function(i, item) {

    var content = item.point;

    addClickHandler(content, item); //添加点击事件

    });

    function addClickHandler(content, item) {

    item.addEventListener("click", function() {

    openInfo(content)

    });

    }

    var opts = {

    width: 250, // 信息窗口宽度

    height: 80, // 信息窗口高度

    title: "信息窗口", // 信息窗口标题

    enableMessage: true //设置允许信息窗发送短息

    };

    function openInfo(content) {

    var point = new BMap.Point(content.lng, content.lat);

    var infoWindow = new BMap.InfoWindow('content', opts); // 创建信息窗口对象

    map.openInfoWindow(infoWindow, point); //开启信息窗口

    }

    相关文章

      网友评论

          本文标题:百度地图api点聚合+marker事件

          本文链接:https://www.haomeiwen.com/subject/flirpxtx.html