失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 高德地图限制绘制区域

高德地图限制绘制区域

时间:2024-01-29 03:49:57

相关推荐

高德地图限制绘制区域

高德地图在绘制过程中没有提供监听过程的Api;制造错误来进行中断绘制

// 创建地图createMap() {let self = this;self.center = [self.gpsAll[0].latitude, self.gpsAll[0].longitude];this.$nextTick(() => {//地图加载self.map = new AMap.Map("select-map", {zoom: 16,center: self.center,});// 设置蒙层区域------let holes = [];self.gpsAll.map((v) => {holes.push([v.latitude, v.longitude]);});let polygonOptions = {map: self.map,strokeColor: "#97EC71",strokeWeight: 0.1,fillColor: "#000",fillOpacity: 0.8,};let pointers = {outer: [[180, 90],[180, -90],[0, -90],[0, 90],],inner: holes,};let pathArray = [pointers.outer, pointers.inner];let polygon = new AMap.Polygon(polygonOptions);polygon.setPath(pathArray);// 设置蒙层区域------end// 监听在地图上的点击事件self.map.on("click", function (e) {let isInBox = self.isClickInBox([e.lnglat.getLng(),e.lnglat.getLat(),]);if (!isInBox) {self.$message.error("请在指定范围内的未框选区域绘制!");if (self.polygonList.length) {self.polygonList.length = self.polygonList.length - 1;}throw "无效点击"; // 高德地图在绘制过程中没有提供监听过程的Api;制造错误来进行中断绘制}console.log("点击处经纬度:",e.lnglat.getLng() + "," + e.lnglat.getLat(),"是否点击在指定区域:" + isInBox);});});},

如果觉得《高德地图限制绘制区域》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。