vue使用高德地图,点击地图获取经纬度

vue使用高德地图,点击地图获取经纬度

//初始化地图
    getMap() {
      let _this = this;
      let map = new AMap.Map("container", {
        resizeEnable:true,
        // center: [108.944385, 34.196007],
        zoom: 11,
      }); 
      if(_this.lnglat.length>0){//回显经纬度 标记点
        let marker = new AMap.Marker({
          position: _this.lnglat,
        });
        map.add(marker); //加载点
      }
      map.on("click", showInfoClick);
      function showInfoClick(e) {
        map.clearMap();//清理地图
        let lng = e.lnglat.getLng(); //获取经度
        let lat = e.lnglat.getLat(); //获取纬度
        _this.lnglat = [`${lng}`,`${lat}`]//将经纬度赋值
        //marker点
        let marker = new AMap.Marker({
          position: _this.lnglat,
        });
        map.add(marker); //加载点
        map.setFitView(); //缩放至地图
      }
    },