高德地图使用-高亮某块区域

效果如图
在这里插入图片描述
1.获取坐标点
要想高亮某块区域首先要获取区域的坐标点 获取坐标点工具

var polygonArr = [
	[118.87046094, 31.94121939],
	[118.871434, 31.94138158],
	[118.87290227, 31.94167648],
	[118.87419678, 31.94190503],
	[118.87530016, 31.94208197],
	[118.87549998, 31.94213357],
	[118.87532622, 31.94262753],
	[118.87511771, 31.94326893],
	[118.87482232, 31.94379238],
	[118.874692, 31.94413151],
	[118.87445742, 31.94455173],
	[118.87423153, 31.94499408],
	[118.87403171, 31.94523737],
	[118.87331059, 31.94500882],
	[118.87304126, 31.94491298],
	[118.87319765, 31.94448538],
	[118.87317159, 31.9442937],
	[118.8722854, 31.94427158],
	[118.87099088, 31.94427895],
	[118.87079106, 31.94406515],
	[118.87099958, 31.94352697],
	[118.8713471, 31.9430109],
	[118.871573, 31.94236949],
	[118.8709909, 31.94193452],
	[118.87044356, 31.94173546],
	[118.87028718, 31.94152166],
	[118.87043488, 31.94121201]
];

2.渲染到地图上

var polygon = new AMap.Polygon({
	map: map,
	path: polygonArr, //设置多边形边界路径
	strokeColor: "#FF33FF", //线颜色
	strokeOpacity: 0.2, //线透明度
	strokeWeight: 3, //线宽
	fillColor: "#1791fc", //填充色
	fillOpacity: 0.35 //填充透明度
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值