Question

我有一张4年前用API v2制作的地图。我现在正在尝试将其升级到API v3，但我得到的只是地图应该是臭名昭着的空白灰色框。我已经在所有地方完成了console.log，所有数据和变量对我来说都是正确的，但我不是谷歌地图专家。

这是当前破碎状态的地图： https://www.idahopower.com/AboutUs/serviceMap/

地图应该显示4个阴影多边形，代表我公司的服务区域划分为区域。组成多边形边框的点来自我服务器上的一个大型XML文件（1573行），它位于： https://www.idahopower.com/AboutUs/serviceMap/serviceMap.xml

我不确定我是否以最佳方式执行此操作，但我使用XMLHttpRequest（）来加载XML数据。

这一切都与API v2一起使用。任何帮助将不胜感激！

Answer 1

这不会正确初始化地图（需要居中和缩放MapOptions）：

// Create map object
//
var map = new google.maps.Map(document.getElementById("map"));

来自documentation

的

    var mapOptions = {
      center: new google.maps.LatLng(-34.397, 150.644),
      zoom: 8
    };
    var map = new google.maps.Map(document.getElementById("map-canvas"),
        mapOptions);

working example, your code with center and zoom set

Answer 2

您的多边形没有任何问题，您没有为地图设置所需的选项zoom和center。

与XML相关：1500个顶点并不多，但是当你想提高性能时，可以将数据作为JSON发送（它应该将数据量减少到一半）

具有大量XML点集的多边形

2 个答案: