谷歌地图中的组标记

时间:2013-04-16 15:35:20

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

我发现这个很棒的教程很完美。 http://lab.abhinayrathore.com/ipmapper/

以下是从IP地址返回lat& lon值的javascript代码: http://pastebin.com/1gE91nuh

所以在同一个地方有很多标记,我想组成这样的组:  http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerclustererplus/2.0.9/examples/simple_example.html

实施例: http://google-maps-utility-library-v3.googlecode.com/svn/tags/markerclustererplus/2.0.9/docs/examples.html

但有人可以帮助我如何在原始代码中制作群组? (原始代码:http://pastebin.com/1gE91nuh

谢谢!

1 个答案:

答案 0 :(得分:0)

这是创建标记群集的代码。创建标记时,会将它们推入数组中。该数组被传递到一个新的MarkerClusterer对象。

  function initialize() {
    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 markers = [];
    for (var i = 0; i < 100; i++) {
      var dataPhoto = data.photos[i];
      var latLng = new google.maps.LatLng(dataPhoto.latitude,
          dataPhoto.longitude);
      var marker = new google.maps.Marker({
        position: latLng
      });
      markers.push(marker);
    }
    var markerCluster = new MarkerClusterer(map, markers);
  }
  google.maps.event.addDomListener(window, 'load', initialize);
相关问题