【问题标题】:Google Map Chart Marker Clusterer谷歌地图图表标记聚类器
【发布时间】:2018-07-23 13:43:23
【问题描述】:

我正在尝试将标记聚类添加到我的 Google 地图图表中,但没有成功。我有一个基于纬度/经度在地图上放置标记的功能。我的理解地图图表不会显示超过 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();
}

非常感谢您的帮助!

【问题讨论】:

  • 问题出在哪里?你的代码在哪里中断?新的 MarkerClusterer() 在哪里?你有没有尝试实施它?给我们更多,以便我们提供帮助
  • 我认为您不能将 MarkerClusterer 与这些地图一起使用,它需要是 Google Maps JavaScript API v3 地图。
  • @geocodezip 它看起来像,至少在我看来。我认为因为 mapchart(谷歌图表)使用地图 api,所以 MarkerClusterer 应该可以工作,但我无法弄清楚。所以我只是按照链接中的示例重写了它。

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


【解决方案1】:

看起来问题是我的实现是通过地图(谷歌图表)进行的,据我了解,它使用谷歌地图 api,所以我认为它应该可以工作。但是,我找不到如何向其中添加 MarkerClusterer 的方法,因此作为解决方案,我只是使用 google maps api(按照链接中的示例)重新构建了页面,完全跳过了 google chart。

【讨论】:

    猜你喜欢
    • 2012-12-17
    • 2013-01-08
    • 2014-04-05
    • 1970-01-01
    • 1970-01-01
    • 2018-09-27
    • 1970-01-01
    • 2014-04-27
    相关资源
    最近更新 更多