码迷,mamicode.com
首页 > Windows程序 > 详细

GoogleMap API 入门 —— 画图和线条

时间:2014-05-23 22:48:42      阅读:443      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   c   code   java   

画图和线条分别用Polygon和Polyline,过程如下

1.定义一个画图信息相关的对象,这个对象画图和画线条都是可以应用的

bubuko.com,布布扣
1 var polyOption = 
2 {
3     paths: [],
4     strokeColor: "#FF0000",
5     strokeOpacity: 0.8,
6     strokeWeight: 2,
7     fillColor: "#FF0000",
8     fillOpacity: 0.35
9 }
bubuko.com,布布扣

 

2.画多边形,这里有两种画法

  • 可以先setMap,然后setPath
  • 可以直接,设置Path参数,然背后setMap
bubuko.com,布布扣
1 var bermudaTriangle = new google.maps.Polygon( polyOption );
2 bermudaTriangle.setMap(map);
3 bermudaTriangle.setPath( triangleCoords )
bubuko.com,布布扣

 

3.画线条,一样

bubuko.com,布布扣
1 var lineArea = new google.maps.Polyline( polyOption );
2 lineArea.setMap(map);
3 lineArea.setPath( triangleCoords )
bubuko.com,布布扣

 

GoogleMap API 入门 —— 画图和线条,布布扣,bubuko.com

GoogleMap API 入门 —— 画图和线条

标签:style   class   blog   c   code   java   

原文地址:http://www.cnblogs.com/tinfay/p/3737048.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!