在谷歌地图中分组标记

时间:2012-02-28 13:03:13

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

如何实施与本网站相同类型的标记分组? http://clevertrail.com/

这是谷歌地图api提供的东西吗?如果没有,如何创建这些类型的分组?

非常感谢任何建议的解决方案!

3 个答案:

答案 0 :(得分:3)

您可以使用标记群集:http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries。它在JS中进行分组,但效率不高。

答案 1 :(得分:3)

您可以使用各自的位置和值来尝试此代码。 你需要将标记簇js包含在你的代码中......从这里开始markerclustrer.js

<script>
var markerCluster = [];
var all_markers = [];
var infowindows = [];
var map;
function initialize(){
var mapProp = {
  center:center,
  zoom:5,
  mapTypeId:google.maps.MapTypeId.ROADMAP
  };
  map=new google.maps.Map(document.getElementById("googleMap")
  ,mapProp);
addmarker(lat,long); //creating the marker....; function call can be looped
markerCluster = new MarkerClusterer(map, all_markers); //setting the markers' array as a cluster on google maps
}
function addmarker(lat,lng)
{
      var mycenter = new google.maps.LatLng(lat,lng);
      var marker = new google.maps.Marker({
            position:mycenter,
        });
      all_markers.push(marker); //making an array of markers
}
</script>

答案 2 :(得分:0)

经过一些调查后,他们似乎正在使用第三方插件/扩展来处理标记分​​组..在此页面上找到:http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries