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

Google Maps API v3上缺少KML标记：出了什么问题？

2 个答案: