Google地图图表标记Clusterer

时间:2018-02-13 08:38:18

标签: javascript google-maps google-maps-api-3 google-maps-markers google-maps-api-2

我正在尝试将Marker Clustering添加到我的Google Map图表中,但没有成功。我有一个功能,可以根据纬度/经度在地图上放置标记。我理解地图图表不会显示超过400个左右的标记,但我还是不想要,但我宁愿进行聚类。这样我的用户就可以看到洛杉矶和旧金山的单个标记,放大后可以将其分解为多个。

我调查了https://developers.google.com/maps/documentation/javascript/marker-clustering 但仍然无法连接点并将其实现到我的功能

function drawMapChart() {
    var array_map = []
    var header_map=[]
    header_map.push('latitude')
    header_map.push('longitude')
    header_map.push('name')

    array_map.push(header_map)

    array_map.push([{v:34.043736},{v:-118.464298},{v:"city A"}])
    array_map.push([{v:34.043003},{v:-118.448385},{v:"city B"}])

    var data = google.visualization.arrayToDataTable(array_map);
    var chart = new google.visualization.ChartWrapper({
        chartType:'Map',
        containerId:'map_chart_div',
        options:{
            mapType: 'normal'
            },
        dataTable:data
    });
    chart.draw();
}

非常感谢帮助!

1 个答案:

答案 0 :(得分:0)

看起来问题是我的实现是通过地图(谷歌图表),从我的理解使用谷歌地图api所以我认为它应该工作。但是,我无法找到如何添加MarkerClusterer的方法,所以作为一个解决方案,我只是使用谷歌地图api重建页面(按照链接中的示例)完全跳过谷歌图表。

相关问题