【问题标题】:group markers in google map谷歌地图中的组标记
【发布时间】:2013-04-16 15:35:19
【问题描述】:

我发现这个很棒的教程效果很好。 http://lab.abhinayrathore.com/ipmapper/

这是从 IP 地址返回纬度和经度值的 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

谢谢!

【问题讨论】:

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


    【解决方案1】:

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

      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);
    

    【讨论】:

    • 好的,谢谢,但是在我的代码中,我应该在 MarkerClusterer() 中写什么?
    • 第 27 行:var c=new google.maps.Marker({map:IPMapper.map,draggable:false,position:g}); 确保将此标记推送到您的标记阵列上。我不确定您的代码存储 google.maps.Map 对象的确切位置。一旦你弄清楚了,只需:var markerCluster = new MarkerClusterer(google.maps.Map, [google.maps.Marker]);
    • 我刷新了我的代码:pastebin.com/1gE91nuh 我添加了 68. 行但它不起作用,我不知道为什么不起作用...你知道吗?
    • 我创建了一个新问题,请查看:stackoverflow.com/questions/16057252/…
    猜你喜欢
    • 2011-03-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-09-26
    相关资源
    最近更新 更多