vue百度地图通过地址名称获取地址的经纬度gps问题(具体步骤)

<!-- 引入百度地图的JavaScript API -->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=<your-ak>"></script>

export default {
  methods: {
    // 根据地址名称获取经纬度坐标
    getPointByAddress(address) {
      // 创建地理编码实例
      const myGeo = new BMap.Geocoder();
      return new Promise((resolve, reject) => {
        // 对地址进行地理编码
        myGeo.getPoint(address, (point) => {
          if (point) {
            // 地理编码成功，返回经纬度坐标对象
            resolve(point);
          } else {
            // 地理编码失败
            reject('地理编码失败');
          }
        }, '全国');
      });
    },
  },
};

<template>
  <div>
    <input type="text" v-model="address" />
    <button @click="getLocation">获取位置</button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      address: '',
      point: null,
    };
  },
  methods: {
    // 获取当前地址的经纬度坐标
    async getLocation() {
      try {
        const point = await this.getPointByAddress(this.address);
        this.point = point;
        console.log('经度：', point.lng);
        console.log('纬度：', point.lat);
      } catch (error) {
        console.error(error);
      }
    },
    // 根据地址名称获取经纬度坐标
    getPointByAddress(address) {
      // 创建地理编码实例
      const myGeo = new BMap.Geocoder();
      return new Promise((resolve, reject) => {
        // 对地址进行地理编码
        myGeo.getPoint(address, (point) => {
          if (point) {
            // 地理编码成功，返回经纬度坐标对象
            resolve(point);
          } else {
            // 地理编码失败
            reject('地理编码失败');
          }
        }, '全国');
      });
    },
  },
};
</script>