百度地图第3篇，Vue第19篇，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) => {
          //执行事件
      });

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