添加多边形
编辑时间:2017-03-03

山西福彩快乐十分 www.x78jx.cn QQ截图20170301154801.png

多边形

   多边形表示由闭合路径(或环路)封闭的区域,由一系列坐标定义。Polygon 对象与 Polyline 对象类

似,因为它们都包含一系列有序的坐标。多边形使用描边和填充区绘制。您可以为多边形边缘(描边)定义自定

义颜色、粗细和不透明度,以及为封闭区域(填充区)定义自定义颜色和不透明度。颜色应以十六进制 HTML 格

式表示。不支持颜色名称。


Polygon 对象可描述复杂形状,其中包括:


  • 由单个多边形定义的多个不连续区域


  • 带孔的区域


  • 一个或多个区域的交集


如需定义复杂形状,您需要使用包含多个路径的多边形。

添加多边形

由于多边形区域可能包括几个不同路径,因此 Polygon 对象的 paths 属性指定的是数组的数组,每个数组

的类型均为 MVCArray。每个数组定义的都是不同的有序 LatLng 坐标序列。

对于只包括一个路径的简单多边形,您可以利用单个 LatLng 坐标数组构建 Polygon。构建时,Google Maps

 JavaScript API 将在于 paths 属性内存储该简单数组时将其转换成数组的数组。API 为包括一个路径的多

边形提供了一个简单的 getPath() 方法。


多边形的 editable 属性指定用户是否可以编辑形状。请参阅下文的用户可编辑形状。同理,您也可以通过设

draggable 属性来允许用户拖动形状。


以下代码将显示一个多边形:

     var pathLatLng=[{lat:33,lng:104},{lat:34,lng:114},{lat:28,lng:98}]
     
var testPath = new google.maps.Polygon({
         
path: pathLatLng,
         
strokeColor: '#FF0000',
         
strokeOpacity: 1.0,
         
strokeWeight: 2,
         
fillColor: '#FF0000',
         
fillOpacity: 0.35
     
});
    testPath.setMap(map);

 

多边形自动完成

上例中的 Polygon 包含三组 LatLng 坐标,但请注意第一组坐标和最后一组坐标定义的位置不同。但在实

践中,由于多边形定义的是封闭区域,因此您无需定指定最后一组坐标。Google Maps JavaScript API 将通过

绘制一笔,将任何给定路径的最后一个位置连回第一个位置,自动完成多边形。


移除多边形

如需移除地图中的多边形,请调用 setMap() 方法,并传递 null 作为其自变量。在下例

中,bermudaTriangle 是一个多边形对象:


testPath.setMap(null);


请注意,以上方法不会删除多边形,而只是从地图中移除多边形。如果您实际上是想删除多边形,则应先将其从

地图中移除,然后将多边形本身设置为 null。


获取正版授权

方式一:自动授权

关注官方微信号
BIGEMAP微信公众号
操作步骤:
①关注官方微信号
②点击【自助授权】
③按提示完成操作!
注:此功能暂未完成

方式二:点击加入

免费授权QQ群

QQ在线咨询在线客服

免费咨询电话

400-028-7262

山西福彩快乐十分

淘宝店铺

bigemap.taobao.com

联系我们
  • 厨余垃圾“一点儿都没剩”,怎么做到的 2019-06-20
  • 坚持和完善我国基本经济制度的两条新经验(纪念改革开放四十周年) 2019-06-20
  • 比肩郭艾伦之人欲联手新疆冲冠?国产助攻王成X因素 2019-06-07
  • 光明日报:救命药岂能一降价就断货 2019-05-29
  • 2017网上群众工作优秀案例 2019-05-24
  • 只要等一等就能多“等”出8600万美元! 2019-05-24
  • 回复@大雨582:任何人的自由发展都是跟他的能力意愿行动及生成的结果平滑对接的。 2019-05-07
  • 印度军用运输机从高原机场起飞 吹起一场沙尘暴 2019-05-07
  • 中小企业板成立14年 累计实现净利润1.25万亿元 2019-05-06
  • 老火靓汤一天中何时喝最好? 2019-04-17
  • 陈晓卿推出全新美食纪录片 "风味"能否再续辉煌? 2019-04-17
  • 詹皇通知骑士队 准备与其续约 2019-04-11
  • 张瑜的专栏作者中国国家地理网 2019-04-10
  • 尧都农商银行全力推进服务“三农”工作 2019-04-09
  • [大笑]那依然是按劳(劳动价值或劳动能力)分配也! 2019-04-09
  • 大乐绣中奖规则 百灵手游百人牛牛 好运快3快3和值计划 赛马会免费十码期期中 吉林时时彩连线走势图表 辽宁35选7开奖结果今天 2014福利彩票走势图 白小姐中特网一肖中特一准 四川时时彩平台哪个好 3d试机号开奖号对应数据统计 香港六合彩现场开奖 乐和彩新11选5软件 好当家 加盟彩票投注站多少钱 ag真人视讯破解