Google Maps API v3上缺少KML標記：出了什麼問題？

Question

我不熟悉Google Maps API v3，並且一直在仔細閱讀文檔。

我的地圖加載正常，但沒有顯示我在KML文件（http://hepac.ca/wp-content/mapping/wellnessnetworks.kml）中設置的地標。 KML在FeedValidator驗證正確，並且在Google地球中顯示沒有問題，所以我假設這是我的代碼出現問題。

地標出現在一個點上，但我必須意外刪除了一些關鍵代碼。預先感謝您的幫助！

function initialize() { 

var mapcenter = new google.maps.LatLng(46.36209, -64.73145); 
var mapOptions = { 
    zoom: 7, 
    center: mapcenter, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    };     

google.maps.visualRefresh = true; 

var map = new google.maps.Map(document.getElementById("map-canvas"),mapOptions); 

var opt = { minZoom: 7, maxZoom: 9 }; // Sets minimum & maximum zoom level 
map.setOptions(opt); 

var ctaLayer = new google.maps.KmlLayer({ 
    url: 'http://hepac.ca/wp-content/mapping/wellnessnetworks.kml', 
    preserveViewport: true, 
}); 
ctaLayer.setMap(map); 

} 

google.maps.event.addDomListener(window, 'load', initialize); 

Answer 1

如果你想有一個KML文件多個地標，他們需要在文檔或文件夾：

<kml> can only contain 0 or 1 Feature elements

<Document> can contain 0 or more Feature elements

<Folder> can contain 0 or more Feature elements

http://feedvalidator.org/check.cgi?url=http%3A%2F%2Fhepac.ca%2Fwp-content%2Fmapping%2Fwellnessnetworks.kml

working example

Answer 2

這是我使用的代碼，它適用於我。讓我知道這是否有幫助。

map = new google.maps.Map(document.getElementById('googft-mapCanvas'), { 
    center: new google.maps.LatLng(50.022, -88.73), 
    zoom: 4, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}); 

layer = new google.maps.FusionTablesLayer({ 
    map: map, 
    heatmap: { enabled: false }, 
    query: { 
    select: "[COLUMN_FROM_YOUR_TABLE]", 
    from: "[YOUR_KML_ID]", 
    where: "" 
    }, 
    options: { 
    styleId: 2, 
    templateId: 2 
    } 
}); 

google.maps.event.addDomListener(window, 'load', initialize);