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

Posted 2022-12-23 不靠谱的作曲家

效果如图

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 //填充透明度
);