uniapp中vue2项目导入高德地图

 1、看官网新手入门链接导入原生高德地图：

JS API 结合 Vue 使用-基础-进阶教程-地图 JS API 2.0|高德地图API (amap.com)

具体步骤：

第一步，安装插件

npm i @amap/amap-jsapi-loader --save

第二步，在vue组件中写代码显示地图

<template>
  <div class="hello">
    <div id="container"></div>
  </div>
</template>


<script>
import AMapLoader from "@amap/amap-jsapi-loader";
export default {
  name: "HelloWorld",
  props: {
    msg: String
  },
  data() {
    return {
      map: undefined
    };
  },
  mounted() {
    this.initAMap();
  },
  methods: {
    initAMap() {
      let that = this;
      AMapLoader.load({
        key: "d82a9a539035486ae09a991aebc24d20", // 申请好的Web端开发者Key，首次调用 load 时必填