MarkerClusterer在地圖上沒有顯示

您好我嘗試markerclusterer添加到我的谷歌地圖，但我肯定會錯過一些東西，因爲這些標記在地圖上的，但我不能看到集羣...MarkerClusterer在地圖上沒有顯示

這裏是我的腳本：

//<![CDATA[ 

    function initialize() { 
    var cluster = []; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), { 
    center: new google.maps.LatLng(<?php echo get_post_meta($find_CODGEO, 'latitude', true); ?>, <?php echo get_post_meta($find_CODGEO, 'longitude', true); ?>), 
    zoom: 14, 
    mapTypeId: 'roadmap' 
    }); 
    var mcOptions = {gridSize: 10, maxZoom: 15}; 

    var infoWindow = new google.maps.InfoWindow; 

    downloadUrl("/wp-content/themes/codium-extend/search/search_equipements.php?lat=<?php echo get_post_meta($find_CODGEO, 'latitude', true); ?>&lng=<?php echo get_post_meta($find_CODGEO, 'longitude', true); ?>&type=<?php echo $thematiquematch ; ?>&codgeo=<?php echo $CODGEO ; ?>&radius=50", function(data) { 
    var xml = data.responseXML; 
    var markers = xml.documentElement.getElementsByTagName("marker"); 
    for (var i = 0; i < markers.length; i++) { 
     var name = markers[i].getAttribute("name"); 
     var address = markers[i].getAttribute("sous_type"); 
     var type = markers[i].getAttribute("sous_type_img"); 
     var offsetLat = markers[i].getAttribute("lat"); 
     var offsetLng = markers[i].getAttribute("lng"); 
     var point = new google.maps.LatLng(offsetLat, offsetLng); 
     var html = "<b>" + name + "</b> <br/>" + address; 
     var icon = 'http://images.commune-mairie.fr/maps/' + type + '.png'; 
     var marker = new google.maps.Marker({ 
     map: map, 
     position: point, 
     icon: 'http://images.commune-mairie.fr/maps/' + type + '.png', 
     shadow: icon.shadow 
     }); 
     bindInfoWindow(marker, map, infoWindow, html); 

     google.maps.event.addListener(marker, 'click', (function(marker, i) { 
        return function() { 
         infowindow.setContent(markers[i].getAttribute("name")); 
         infowindow.open(map, marker); 
        } 
       })(marker, i)); 
     cluster.push(marker); 
    } 
    var mc = new MarkerClusterer(map,cluster,mcOptions); 


    }); 

} 

function bindInfoWindow(marker, map, infoWindow, html) { 
    google.maps.event.addListener(marker, 'click', function() { 
    infoWindow.setContent(html); 
    infoWindow.open(map, marker); 
    }); 
} 

function downloadUrl(url, callback) { 
    var request = window.ActiveXObject ? 
     new ActiveXObject('Microsoft.XMLHTTP') : 
     new XMLHttpRequest; 

    request.onreadystatechange = function() { 
    if (request.readyState == 4) { 
     request.onreadystatechange = doNothing; 
     callback(request, request.status); 
    } 
    }; 

    request.open('GET', url, true); 
    request.send(null); 
} 

function doNothing() {} 


//]]>

在這裏舉一個活的例子http://www.commune-mairie.fr/equipements/lyon-69123/感謝您的幫助！

來源

2012-10-18 Henri Labarre

您網頁上的代碼沒有提及我能看到的MarkerClusterer。您的問題中的代碼中還存在很多JS錯誤（嘗試使用JSLint標識它們） – duncan

對不起，我忘記清除緩存（我剛剛做了） –

您可以現在檢查，你會看到這個活的版本地圖（沒有羣集...） –

你在你的循環做到這一點：

bindInfoWindow(marker, map, infoWindow, html); 

      google.maps.event.addListener(marker, 'click', (function(marker, i) { 
         return function() { 
          infowindow.setContent(markers[i].getAttribute("name")); 
          infowindow.open(map, marker); 
         } 
        })(marker, i));

但隨後你bindInfoWindow功能如下：

function bindInfoWindow(marker, map, infoWindow, html) { 
     google.maps.event.addListener(marker, 'click', function() { 
     infoWindow.setContent(html); 
     infoWindow.open(map, marker); 
     }); 
    }

所以你複製你的標記點擊事件監聽器。我不確定這會對MarkerClusterer造成什麼問題，但無論如何你應該整理它。

來源

2012-10-18 12:29:32 duncan

確實我刪除了第一個addListener，但仍然沒有集羣！ –

MarkerClusterer在地圖上沒有顯示

回答

相關問題