【问题标题】:How to create pop up windows on google map clusterer circles如何在谷歌地图集群圈上创建弹出窗口
【发布时间】:2014-05-18 14:06:04
【问题描述】:

我正在使用以下谷歌地图插件

google map clusterer

而且它工作得很好(你在那个链接中看到的随机变量我只是从数据库中读取位置。)

现在我被问到以下问题:当用户将鼠标悬停在集群区域(不是标记)上时,集群区域是指红色或黄色或蓝色圆圈,我希望出现一个弹出窗口以显示一些信息。我在网上搜索了很多,但我找不到任何东西,可以这样做吗?(感谢任何帮助)

更新:

这是我正在使用的代码:

$('#map_canvas').gmap({ 'zoom': 3, 'disableDefaultUI': true }).one('init', function (evt, map) {


        var bounds = map.getBounds();
        var temp = mark1;
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
        for (var i = 0; i < 300; i++) {

            var contentString = 'test';


            var $marker = $(this).gmap('addMarker',
                    {
                        'id': i, 'position': new google.maps.LatLng(
                        southWest.lat() + latSpan * Math.random(),
                        southWest.lng() + lngSpan * Math.random()),
                        'content': 'm_' + i
                    }).click(function (i) {
                        $('#map_canvas').gmap('openInfoWindow', {
                            content: this.content
                        }, this);
                    });
            markers.push($marker); // add to the marker array
        }

        $(this).gmap('set', 'MarkerClusterer', new MarkerClusterer(map, $(this).gmap('get', 'markers')));



    });

【问题讨论】:

    标签: google-maps jquery-plugins


    【解决方案1】:

    使用最新的 markerclusterer.js 这应该可以工作:

        google.maps.event.addDomListener(markerClusterer, 'mouseover', function() {
            console.log('mouse over marker clusterer');
        });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-11-15
      • 1970-01-01
      • 2011-02-25
      • 2016-02-24
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多