Google地图之两坐标连线

昨天上头交待了一个任务，就是把客户的KML文件上传Google服务，然后覆盖在Google地图中。这可是我从未搞过的东西。一时百思不得其解。上网问度娘，一大堆资料。没想到Goole被墙了，KML文件上传不了，表示各种坑。。。 后来跟老大反映了这一个情况，他说采取坐标连线的方法来解决这个问题。于是，我又是各种度娘。看了很多例子什么的，终于让我找到一个最精简的了。代码如下：

 1  //定坐标点连线
 2     var locations = new Array(
 3             "41.17567036165667,80.30221045782106", "43.85928523812119,87.56906935303743",
 4             "43.942358006356756,81.30165297307201", "22.571407340502233,114.14026460623714",
 5             "22.67724107546633,114.01971927702428", "22.676050669277778,114.03824292152895",
 6             "41.17567036165667,80.30221045782106");
 7     // 线条设置
 8     var polyOptions = {
 9         strokeColor: '#000000',    // 颜色
10         strokeOpacity: 1.0,    // 透明度
11         strokeWeight: 2    // 宽度
12     }
13     poly = new google.maps.Polyline(polyOptions);
14     poly.setMap(this.map);    // 装载
15 
16     /* 循环标出所有坐标 */
17     for (var i = 0; i < locations.length; i++) {
18         var loc = locations[i].split(',');
19         var path = poly.getPath();    //获取线条的坐标
20         path.push(new google.maps.LatLng(loc[0], loc[1]));    //为线条添加标记坐标                  
21     }

很简单吧，可就是这个捣鼓我半天。总是提示我setMap没有这个方法，到最后居然又不会了。。 百思不得其解。 估计是浏览器缓存问题，清空了缓存试了下，还真不报错了。。哈哈

本人第一次写博客，思维混乱，希望各位大大提出指正。

转载于:https://www.cnblogs.com/chenzhiwei1993/p/3980818.html