將
<script src="http://unpkg.com/docsify/lib/docsify.min.js"></script>
修改為
<script src="http://unpkg.com/docsify@4.11.6/lib/docsify.min.js"></script>

npm install vue-amap --save

import VueAMap from 'vue-amap';
Vue.use(VueAMap);
VueAMap.initAMapApiLoader({
  //申請(qǐng)地址 https://lbs.amap.com/ 選擇web端jsAPI
  key: '自己申請(qǐng)的高德地圖key', 
  // 插件集合，用到什么插件就使用什么插件
  plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor'],
  v: '1.4.4', // 高德sdk版本，最新的sdk已經(jīng)出到了2.0
  //官網(wǎng)解釋：JSAPI 2.0 提供的開(kāi)發(fā)接口與 1.4 版本達(dá)到 99%的兼容度，但是為了保證插件的穩(wěn)定性我們還是選擇1.4.4。
})

<template>
      <el-amap ref="map" vid="amapDemo" :center="center" :zoom="zoom" :events="events" class="amap-demo">
      </el-amap>
  </template>
  <script>
    // 建議將zoom,center等可配置的項(xiàng)均寫(xiě)在配置文件中，方便打包之后進(jìn)行修改。
    module.exports = {
      data: function() {
        return {
          zoom: 12,
          center: [121.59996, 31.197646],
          events: {
            'click': (e) => {
              alert('map clicked');
            }
          },
        };
      },
    };
</script>

// 解決地圖刷新顯示不出來(lái)
const amapKeys = Object.keys(localStorage).filter(key => key.match(/^_AMap_/))
amapKeys.forEach(key => {
  // console.log(key)
  localStorage.removeItem(key)
})

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

// 該寫(xiě)法只推薦在開(kāi)發(fā)階段，如果在生產(chǎn)階段建議采用反向代理
// 官網(wǎng)說(shuō)明https://lbs.amap.com/api/javascript-api/guide/abc/prepare
window._AMapSecurityConfig = {
  securityJsCode: 'jscode' // 輸入你的jscode
}

<template>
    <div class="home_div">
        <div id="container"></div>
    </div>
</template>
<script>
import AMapLoader from '@amap/amap-jsapi-loader';

export default {
    name: "Mapview",
    data() {
        return {
            map: null,
        }
    },
    created() {

    },
    mounted() {
        this.initAMap();
    },
    methods: {
        initAMap() {
            AMapLoader.load({
                key: 'xxx',  //設(shè)置您的key
                version: "2.0", // 高德地圖版本
                plugins: ['AMap.ToolBar', 'AMap.Driving'], // 插件
                AMapUI: { // 高德地圖UI組件庫(kù)，可不寫(xiě)，內(nèi)部提供了覆蓋物標(biāo)注點(diǎn)，以及部分模塊的封裝
                    version: "1.1",
                    plugins: [],
                },
                Loca: { // Loca版本(高性能地圖數(shù)據(jù)可視化庫(kù)) 可不寫(xiě)
                    version: "2.0"
                },
            }).then((AMap) => {
                // container渲染的id
                this.map = new AMap.Map("container", {
                    zoom: 5, // 當(dāng)前縮放級(jí)別
                    zooms: [2, 22], // 縮放級(jí)別范圍
                    center: [105.602725, 37.076636], // 中心點(diǎn)
                });
            }).catch(e => {
                console.log(e);
            })
        },
    }
}
</script>
<style  scoped>
.home_div {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    position: relative;
}
#container {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
}
</style>

import { lazyAMapApiLoaderInstance } from 'vue-amap';
lazyAMapApiLoaderInstance.load().then(() => {
  // your code ...
  this.map = new AMap.Map('amapContainer', {
    center: new AMap.LngLat(121.59996, 31.197646)
  });
});

<template>
  <div class="amap-page-container">
    <el-amap vid="amapDemo" :center="center" :amap-manager="amapManager" :zoom="zoom"
      class="amap-demo">
    </el-amap>

    <div class="toolbar">
      <button @click="add()">add marker</button>
    </div>
  </div>
</template>

  <style>
.amap-demo {
  height: 300px !important;
}
</style>

  <script>
// NPM 方式
import { AMapManager } from 'vue-amap';
let amapManager = new AMapManager();
export default {
  data: function () {
    return {
      zoom: 12,
      center: [121.59996, 31.197646],
      amapManager,
    };
  },

  methods: {
    add() {
      let o = amapManager.getMap();
      let marker = new AMap.Marker({
        position: [121.59996, 31.177646]
      });
      marker.setMap(o);
    }
  }
};
</script>