Gmaps从MarkerClusters打开多个Info窗口

时间:2014-11-25 16:06:56

标签: javascript google-maps google-maps-api-3 gmaps4rails

好吧我拥有的是我的网站上的Google地图,显示了超过2000个带标记聚类的标记。

我想为标记添加信息窗口。但我在群集中的完全相同的点上有一些标记。

有没有办法在该群集上显示相互追加的多个信息窗口。或者,如果我放大过去的聚类,我仍然有多个标记彼此分层。我需要为每个enter image description here

显示信息窗口
%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;
            });




            }
        });  

0 个答案:

没有答案