vue2项目高德地图根据地址得到经纬度

在Vue2项目中，使用高德地图API获取地址对应的经纬度通常需要以下步骤：

1. **安装依赖**：首先，在项目中安装`vue-amap`库，这是一个结合Vue和高德地图的组件化方案，可以方便地集成高德地图。使用npm或yarn安装：

   npm install vue-amap amap-jsapi-v3
   # 或者
   yarn add vue-amap amap-jsapi-v3

2. **注册并引入地图实例**：在Vue组件中，导入`AMap.Map`和`AMap.Geocoder`：

import { Map, Geocoder } from 'amap-jsapi-v3';

然后在`created()`钩子或适当的地方初始化地图和地理编码服务：

export default {
  data() {
    return {
      map: null,
      geocoder: new Geocoder()
    };
  },
  created() {
    this.initMap();
  },
  methods: {
    initMap() {
      // 初始化地图，设置中心点和缩放级别
      this.map = new Map('container', {
        zoom: 12, // 缩放级别
        center: [116.404, 39.915] // 北京坐标，作为默认位置
      });
      
      // 地图加载完成后，添加地理编码回调函数
      this.map.plugin('AMap.Geocoder', () => {
        this.geocodeAddress('北京'); // 要查找的地址
      });
    },
    geocodeAddress(address) {
      this.geocoder.getAddress(address)
        .then(res => {
          const location = res.regeocode.formattedAddress;
          const lnglat = res.regeocode.location; // 返回经纬度数组
          console.log('经纬度:', lnglat);
          // 使用经纬度更新地图标记或者其他操作
        })
        .catch(err => {
          console.error('地理编码错误:', err);
        });
    }
  }
};

在这个例子中，当用户输入地址后，`geocodeAddress`方法会被触发，它会发起一个地理编码请求，返回结果包含经纬度信息。