谷歌地圖API V3 - MarkerClusterer undefined

我跟着圖書館和YouTube的指南添加標記clusterer到我的地圖，但我得到了問題。谷歌地圖API V3 - MarkerClusterer undefined

MarkerClusterer undefined

我已經在指南中定義了MarkerClusterer，但仍然出現了上述錯誤。下面是我的代碼

<!DOCTYPE html> 
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemasmicrosoft- 
com:vml"> 
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/> 
<meta charset="UTF-8" /> 
<title>Ma Page de Google Maps V3</title> 
<style> 
     html, body, #map_canvas { 
    margin: 3; 
    padding: 3; 
    height: 100%; 
    } 
</style> 
<style type="text/css"> 
    .tooltip { 
    background-color:#ffffff; 
    font-weight:bold; 
    border:2px #006699 solid; 
    width:150px} 
</style> 
<script src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 
<script src="http://www.google.com/jsapi"></script> 
<script src="../src/data.json" type="text/javascript"></script> 
<script type="text/javascript"> 
    var script = '<script type="text/javascript" src="../src/markerclusterer'; 
    if (document.location.search.indexOf('compiled') !== -1) { 
    script += '_compiled'; 
    } 
    script += '.js"><' + '/script>'; 
    document.write(script); 
</script> 
<script> 
var trace_markers= []; 
var markerCluster= null; 
function Trace_Pin(Lat, Long, immat, type, site, vitesse, date) 
{ 
var image_trace = new google.maps.MarkerImage('http://maps.google.com/mapfiles/kml/pal3/icon61.png', 
    new google.maps.Size(32, 32), 
    new google.maps.Point(0,0), 
    new google.maps.Point(16, 16)); 

    var vehlatlng = new google.maps.LatLng(Lat, Long) ; 
    var trace_marker = new google.maps.Marker({ 
    position: vehlatlng, 
    icon: image_trace }); 
    trace_marker.tooltip_html = '<div class="tooltip">' + 'Date : ' + date + '<br>' + 'Vitesse : ' + vitesse + ' km/h' + '<br>' + '<\/div>';  
    trace_markers.push(trace_marker); 
    markerCluster = new MarkerClusterer(map, trace_markers); 
    Liste_Points.push(trace_marker.getPosition()); 
    TraceBounds.extend(trace_marker.position); 
    } 
</script>

我哪裏做錯了？

來源

2013-06-19 dswong

你確定你的markerclusterer.js/markerclusterer_compiled.js文件被正確調用嗎？在嘗試引用MarkerClusterer類之前，你需要做任何事情來初始化它嗎？ – duncan

另外，你從哪裏調用Trace_Pin函數？這從代碼中並不明顯 - 你是否需要調整它來等待markercluster JS文件在嘗試調用該函數之前加載？ – duncan

我發現我需要從谷歌圖書館下載markerclusterer.js， [http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js 和將其上傳到服務器，然後將其添加到''，並且可以解決問題。感謝您的幫助:) – dswong

我發現我需要從谷歌圖書館下載markerclusterer.js，http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer.js 並將其上傳到服務器，然後將其添加到並且應該解決問題。感謝幫助:)

替換此

<script src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 
<script src="http://www.google.com/jsapi"></script> 
<script src="../src/data.json" type="text/javascript"></script> 
<script type="text/javascript"> 
var script = '<script type="text/javascript" src="../src/markerclusterer'; 
if (document.location.search.indexOf('compiled') !== -1) { 
    script += '_compiled'; 
} 
script += '.js"><' + '/script>'; 
document.write(script); 
</script>

與此

<script src="http://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 
<script src="markerclusterer.js" type="text/javascript"></script>

來源

2013-06-19 12:00:54 dswong

這解決了這個問題，但有人可以解釋加載這個腳本背後的異步問題嗎？因爲有時在刷新時它不起作用，但刷新緩存始終有效。 – Serey

我剛添加的標記集羣加上寶石到我的清單，並開始工作！

在你的Gemfile，加入這一行：通過添加以下到

寶石 'markerclustererplus護欄' 您可以包括它的JavaScript文件：

// =需要markerclusterer

參考： https://github.com/RogerE/markerclustererplus-rails

來源

2015-04-09 11:07:32

感謝您的回覆，但我不再在此項目上工作。完成。祝你有美好的一天。 – dswong

谷歌地圖API V3 - MarkerClusterer undefined

回答

相關問題