Google maps 使用地理编码器的谷歌地图聚类标记
使用这些数据Google maps 使用地理编码器的谷歌地图聚类标记,google-maps,google-maps-api-3,google-maps-markers,markerclusterer,Google Maps,Google Maps Api 3,Google Maps Markers,Markerclusterer,使用这些数据 var data = { 'address': [ { 'address': '7970 GLENTIES Ln' }, { 'address': '8022 Caminito Mallorca' }, { 'address': '2750 Wheatstone St # 26' }, { 'address': '335 49th St' } ] };
var data = {
'address': [
{
'address': '7970 GLENTIES Ln'
},
{
'address': '8022 Caminito Mallorca'
},
{
'address': '2750 Wheatstone St # 26'
},
{
'address': '335 49th St'
}
]
};
我设法标记了它们,但无法对它们进行聚类。下面是我使用过的代码
var markerArray = [];
function initialize() {
geocoder = new google.maps.Geocoder();
var center = new google.maps.LatLng(37.4419, -122.1419);
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 3,
center: center,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var address;
var markers = [];
for (var level in data) {
for (var i = 0; i < data[level].length; i++) {
// var dataPhoto = data.photos[i];
var dataAdd = data[level][i];
// alert(dataAdd.address);
geocoder.geocode({ 'address': dataAdd.address}, function(results){
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
markerArray[i] = marker;
});
}
}
var markerCluster = new MarkerClusterer(map, markerArray);
}
google.maps.event.addDomListener(window, 'load', initialize);
var-markerArray=[];
函数初始化(){
geocoder=新的google.maps.geocoder();
var center=newgoogle.maps.LatLng(37.4419,-122.1419);
var map=new google.maps.map(document.getElementById('map'){
缩放:3,
中心:中心,,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var地址;
var标记=[];
for(数据中的var级别){
对于(变量i=0;i
如何对它们进行聚类?似乎MarkerClusterer不工作或我不知道。因为地理编码功能是异步的,您需要在创建标记之前创建标记群集器
您应该做的是在开始地理编码之前创建MarkerClusterer,然后将其添加到MarkerClusterer中,而不是添加到标记数组中。是的,地理编码功能是异步的。所以,稍后可以使用addMarker()方法在集群中添加标记
var markerCluster=新的MarkerClusterer(映射,markerary);
for(数据中的var级别){
对于(var i=0;i
我有点搞不懂你要我做什么。你能给我举个例子吗?更新:我设法对它们进行了聚类,但问题再次出现,谷歌地图限制了goecode的使用“超过查询限制”。希望能帮我解决这个问题。你不应该每次用户加载页面时都对相同的数据进行地理编码。如果您的数据不经常更改,则对其进行一次地理编码并存储一段时间。这是可以接受的服务条款,你只是不能永远保持它。
var markerCluster = new MarkerClusterer(map, markerArray);
for (var level in data) {
for (var i = 0; i < data[level].length; i++) {
var dataAdd = data[level][i];
geocoder.geocode({ 'address': dataAdd.address}, function(results){
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
markerArray[i] = marker;
markerCluster..addMarker(marker);
});
}
}