【问题标题】:Marker will not trigger event on click - Google Maps Javascript API V3标记不会在点击时触发事件 - Google Maps Javascript API V3
【发布时间】:2012-12-15 00:35:27
【问题描述】:

我有一个包含地图所有标记的数组。即使将 MarkerClusterer 与它们一起使用,我也可以毫不费力地将它们放在地图上。 MarkerClusterer 的 addListener 工作得很好,但我只是无法让标记 addListener 触发事件。以下是实际代码:

function initializeMap(markerArray) {
var latlng = new google.maps.LatLng(0.0, 0.0);
var mapOptions = {
    zoom: 2,
    maxZoom: 21,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);

var length = markerArray.length,
    element = null;
for (var i = 0; i < length; i = i + 2) {
    var latlng = new google.maps.LatLng(markerArray[i],markerArray[i+1]);
    var marker = new google.maps.Marker({
        map: map,
        position: latlng,
        title:'Click to zoom'
    });
    markers.push(marker);
}

google.maps.event.addListener(marker, 'onclick', function() {
    alert("I have been clicked");
});

var markerCluster = new MarkerClusterer(map, markers);

google.maps.event.addListener(markerCluster, 'clusterclick', function(cluster) {
    alert("I have been clicked");
});

}

【问题讨论】:

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


    【解决方案1】:

    您的最后一个标记只有一个点击监听器(至少在您发布的代码中)。

    working markerclusterer example

    【讨论】:

    • 哇,谢谢 geocodezip!我对 addListener 的工作原理有完全错误的理解。我只是将所有标记放入数组中,现在它可以工作了!非常感谢!
    • 有什么方法可以在点击时添加缩放,现在它没有缩放到该位置
    猜你喜欢
    • 2011-09-23
    • 2011-04-01
    • 2015-03-06
    • 2012-03-24
    • 1970-01-01
    • 2018-04-29
    • 2012-08-27
    • 2011-02-13
    • 1970-01-01
    相关资源
    最近更新 更多