Google Maps API v3 上缺少 KML 标记：怎么了？答案

【问题标题】：KML markers missing on Google Maps API v3: What's wrong?Google Maps API v3 上缺少 KML 标记：怎么了？
【发布时间】：2013-07-09 16:55:07
【问题描述】：

我是 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);

【问题讨论】：

标签： javascript google-maps google-maps-api-3 google-maps-markers kml

【解决方案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

【讨论】：

【解决方案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);

【讨论】：