javascript - 谷歌地图 KML 图层初始缩放和中心

Question

我的网页上有一个现有 map ，可以使用以下脚本段正确缩放和居中: var map 选项 = { 中心:{ 纬度: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 

});

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

我读到可以使用 layer.preserveViewport 设置来克服这个问题，但我试图理解为什么会发生这种情况。 AFAICT 这些点都在加拿大(它们当然不会像在其他任何地方一样显示在三重地球 View 中)，那么为什么 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>

它位于北极。