高德地图的点聚合

Html

Css

var cluster, markers = [];
var map = new AMap.Map("container", {
    resizeEnable: true,
    center: [113.663, 34.756],
    zoom: 5
});
var locations = [{
        'lat': 51.76563,
        'lng': 113.663
    },
    {
        'lat': 51.76563,
        'lng': 113.663
    },
    {
        'lat': 51.76563,
        'lng': 113.663
    },
    {
        'lat': 34.756,
        'lng': 113.663
    },
    {
        'lat': 34.757,
        'lng': 113.664
    },
    {
        "lat": 28.18,
        "lng": 113.11
    },
    {
        "lat": 35,
        "lng": 105
    },
];
var mapBounds = map.getBounds();
var sw = mapBounds.getSouthWest();
var ne = mapBounds.getNorthEast();
var lngSpan = Math.abs(sw.lng - ne.lng);
var latSpan = Math.abs(ne.lat - sw.lat);
for (var i = 0; i < 1000; i++) {
    var markerPosition = [118.911246 + 1, 42.249362 - 1];
    var marker = new AMap.Marker({
        position: markerPosition,
        icon: "https://dn-laravist.qbox.me/marker.png",
        offset: {
            x: -8,
            y: -34
        }
    });
    markers.push(marker);
}
map.plugin(["AMap.MarkerClusterer"], function() {
    cluster = new AMap.MarkerClusterer(map, markers);
});

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

高德地图的点聚合



代码描述：使用高德地图的点聚合

在高德地图申请 ak 替换上，他的坐标是根据markerPosition 来实现的

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

REWIND23,

相关代码

高德地图的点聚合

最新