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

Question

我有一个网页上的现有地图，使用以下脚本段正确缩放和居中：var mapOptions={center：{lat： 43.57023，lng：-79.48676}，缩放： 12}map=newgoogle.maps.Map（document.getElementById（地图画布）， mapOptions）；

然后，我使用以下命令添加kml层：var myLayer=new google.maps.kmlayer（{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设置来克服这个问题，但我试图理解为什么会发生这种情况。这些点都在加拿大（它们当然不会在三重地球视图中显示为其他任何地方），那么为什么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> [phone]<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>

它位于北极。