如何在谷歌地图群集圈子上创建弹出窗口

时间:2014-05-18 14:06:05

标签: google-maps jquery-plugins

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

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



    });

1 个答案:

答案 0 :(得分:1)

使用最新的markersclusterer.js,这应该有效:

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