高德地图的经纬度的获取

1. 高德地图“JSAPI Loader”的引入
（1）按普通 JS 方式使用 Loader
（2）按 NPM 方式使用 Loader（本文主要以这种方式进行使用的）

第一步：安装：npm i @amap/amap-jsapi-loader --save
第二步：使用

第三步：测试报错

报错官网的解释地址：https://lbs.amap.com/faq/js-api/map-js-api/position-related/43361

第四步：解决测试报错： 高德的这个需要使用https协议才可以。如果你的公司使用生产上使用的是https 协议的话，是不会报上面拒绝的错误的🙅。
附上举例代码：

点击查看代码

<template><div>高德地图经纬度的获取</div></template>
<script>
import AMapLoader from '@amap/amap-jsapi-loader'
export default {
  data () {
    return { getCurrentPositionObj: {} }
  },
  methods: {
    getlngLat () { //获取经纬度的调用，考虑到业务逻辑是在获取到经纬度之后再做接下来的逻辑操作，所以用promise进行封装
      return new Promise((resolve, reject) => {
        AMapLoader.load({
          "key": "填成你自己的key值哦",              // 申请好的Web端开发者Key，首次调用 load 时必填
          "version": "2.0",   // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
          "plugins": [
            "Amap.Geolocation" // 获取经纬度所需要的插件
          ],           // 需要使用的的插件列表，如比例尺'AMap.Scale'等
        }).then((AMap) => {
          let geolocation = new AMap.Geolocation()
          geolocation.getCurrentPosition(function (status, result) {
            if (status == 'complete') { // status：经纬度获取成功的状态 result：经纬度相关的结果
              getCurrentPositionObj.longitude = result.position.lng
              getCurrentPositionObj.latitude = result.position.lat
            }
            resolve()
          })
        }).catch(e => {
          reject()
          console.log('经纬度获取失败的信息', e)
        })
      })
    }
  },
  mounted () {
    // 经纬度的调用
    this.getlngLat().then(res => {
      // 此时经纬度获取到getCurrentPositionObj里面，在这里执行你接下来的操作
    })
  }
}
</script>

参考资料：
高德的loader 引入的具体操作地址：https://lbs.amap.com/api/jsapi-v2/guide/abc/load
高德的常见问题地址：https://lbs.amap.com/faq/js-api/map-js-api/position-related/43361
高德的定位-参考手册地址：https://lbs.amap.com/api/javascript-api/reference/location