【发布时间】: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