900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > vue使用百度地图获取可视区域四角坐标(百度地图四角坐标 百度地图3D可视区域四角坐标)

vue使用百度地图获取可视区域四角坐标(百度地图四角坐标 百度地图3D可视区域四角坐标)

时间:2020-11-30 17:52:51

相关推荐

vue使用百度地图获取可视区域四角坐标(百度地图四角坐标 百度地图3D可视区域四角坐标)

百度地图api只提供了左下角和右上角两个坐标,左上角坐标和右下角坐标需要自己操作获取,方法如下:

地图自带获取坐标的方法:var bounds = map.getBounds(); //获取地图可视区域//左下var sw = bounds.getSouthWest(); //获取西南角的经纬度(左下角)//右上var ne = bounds.getNorthEast(); //获取东北角的经纬度(右上角)根据地图自带坐标(左下和右上)获取剩下两个角(左上和右下)坐标://其实很简单,就是拿左下角的经度加上右上角的维度就是左上角的坐标//这里取的是sw的经度和ne的维度(3D地图可直接赋值)//左上var wn = new BMap.Point(sw.lng, ne.lat);//其实很简单,就是拿右上角的经度加上左下角的维度就是右下角的坐标//这里取的是ne的经度和sw的维度(3D地图可直接赋值)//右下var es = new BMap.Point(ne.lng, sw.lat);

然后在地图上添加监听事件,

这样用户在拖拽或缩放地图时也可以获取到地图可视区域的四角坐标:

//图添拖拽事件this.map.addEventListener("dragend", (e) => {//执行事件});//地图缩放事件this.map.addEventListener("zoomend", (e) => {//执行事件});

创作不易,感觉有用就一键三连,感谢(●'◡'●)

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