谷歌地图 KML 图层初始缩放和居中

Question

我在网页上有一个现有地图，该地图使用以下脚本段正确缩放和居中： var mapOptions = { 中心：{纬度：43.57023，液化天然气：-79.48676}， 缩放：12 } map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

然后我使用以下方法添加 kml 层： var myLayer = new google.maps.KmlLayer({ url: "" }); myLayer.setMap(map);

这在去年一直有效。但是我必须更新 kml 文件以包含更广泛的区域。新的 kml 文件有效，但新的缩放和中心位置没有得到尊重。

  map = new google.maps.Map(document.getElementById("map-canvas"), {
  center: { lat: 48.0, lng: -89.0 },
  zoom: 4 

});

相反，地图被缩小了，所以我看到了 3 个完整的地球，每边都有一点，中心在北极上方。您可以在http://www.a711lions.ca/recycleforsight/locationmap.html 和http://www.a711lions.ca/recycleforsight/locationmap2.html 看到两个不同的结果。

我已经读到我可以使用 layer.preserveViewport 设置来克服这个问题，但我试图理解它为什么会发生。 AFAICT 这些点都在加拿大（它们当然不会像在其他任何地方一样出现在三地球视图中）那么为什么 KML 层如此巨大？

有什么想法吗？

Answer 1

您的 KML 文件包含一个错误点：

<Placemark>
    <name>Dr. Sibbald</name>
    <description><![CDATA[<br><b>Address:</b> Applewood Shopping Ctre, Suite 210, 1077 N. Service Rd<br><b>City:</b> Mississauga<br><b>Postal Code:</b> L5R 2X5<br><b>Telephone:</b> (905)273-9009<br><b>Sponsoring Club:</b> Mississauga Credit Valley Lions Club]]></description>
    <styleUrl>#icon-503-DB4436</styleUrl>
    <Point>
        <coordinates>-3.0,90.0,0.0</coordinates>
    </Point>
    <!-- ... -->
</Placemark>

它位于北极。