好吧我拥有的是我的网站上的Google地图,显示了超过2000个带标记聚类的标记。
我想为标记添加信息窗口。但我在群集中的完全相同的点上有一些标记。
有没有办法在该群集上显示相互追加的多个信息窗口。或者,如果我放大过去的聚类,我仍然有多个标记彼此分层。我需要为每个
显示信息窗口%div{:style => "padding: 6px; order-width: 1px; border-style: solid; border-color: #ccc #ccc #999 #ccc; -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px; -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px; box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;"}
#map{:style => "width: 100%; height: 500px;"}
:javascript
handler = Gmaps.build('Google', { markers: { clusterer: {gridSize: 50, maxZoom: 50} } });
handler.buildMap({ provider: { disableDefaultUI: true }, internal: {id: 'map'}}, function(){
markers = handler.addMarkers(#{raw @hash.to_json});
handler.getMap().setZoom(4);
handler.map.centerOn([40.8777416,-97.3809789]);
});
更多信息
@hash = Gmaps4rails.build_markers(post) do |load, marker|
olat, olng = Location.to_coords(load.origin)
marker.lat olng
marker.lng olat
marker.infowindow 'testing info windows'
end
以下是我想要的一个工作示例...但不确定如何将其应用到我的编码中:
http://www.concepteur-internet.fr/test_carto1.php
了解如何将以下代码合并到我的javascript中
google.maps.event.addListener(markerClusterer, 'clusterclick', function(cluster){
var content ='';
var clickedMarkers = cluster.getMarkers();
for (var i = 0; i < clickedMarkers.length; i++) {
if(i==0){
var var_pos = clickedMarkers[i];
}
var html = clickedMarkers[i].html;
content +=html;
}
infowindow.setContent(content);
infowindow.open(map,var_pos);
bulle=1;
});
}
});