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没有这个方法,到最后居然又不会了。。 百思不得其解。 估计是浏览器缓存问题,清空了缓存试了下,还真不报错了。。哈哈

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

你可能感兴趣的:(google地图)