使用缩放javascript触发谷歌地图点击事件

时间:2013-12-18 09:43:09

标签: javascript jquery google-maps javascript-events

有没有办法用缩放添加点击事件,我可以单独执行。但是当我一起使用时,点击事件无法正常工作。

google.maps.event.trigger(gmarkers[count], "click");
map.setZoom(parseInt(k));

请参考这个jsfiddle:http://jsfiddle.net/Uw9Qy/
这里有一个例子:http://www.geocodezip.com/v3_MW_example_map3_clustered.html

2 个答案:

答案 0 :(得分:2)

在您的小提琴中,您已经定义了myClick函数(当您单击其中一个文本链接时会触发),但该函数不包含任何缩放代码。

试试这个:

更改<b>标签上的onclick,为其添加缩放级别

<b onclick="myclick(0, 11)">Berlin</b>-<b onclick="myclick(1, 8)">Paris</b>-<b onclick="myclick(2, 9)">Rome</b>

然后,在myclick功能中添加一个参数,以便放大:

    this.myclick = function (i, zoomlevel) {
        google.maps.event.trigger(gmarkers[i], 'click');
        map.setZoom(zoomlevel);
    };

答案 1 :(得分:2)

function createMarker() {

            var marker = new google.maps.Marker({
                position: z,
                map: map,
                title: title,
                html: contentstring
            });

            google.maps.event.addListener(marker, 'click', function () {
                map.setCenter(marker.getPosition());
                map.setZoom(10);
                infowindow.setContent(this.html);
                infowindow.open(map, marker);

            });

            //google.maps.event.addListener(marker,'click',function(){
            //window.location.href = marker.url;
            //});   

            gmarkers[ids] = marker;

        };

在setZoom()中指定所需的缩放级别:)