vue中使用vue-amap（高德地圖）

因為項目要求調用高德地圖，就按照官方文檔按部就班的搗鼓，這一路上出了不少問題。

前言：

vue-cli，node環境什么的自己安裝設置推薦一個博客：https://blog.csdn.net/wulala_hei/article/details/80488674

1，找一個磁盤，在里面git bash here

然后vue init webpack XXX（文件夾名字）

  你       

第一步：在test里面安裝install

指令：1.npm install

           2.npm install vue-amap --save

注意：我在安裝的時候總是出現了說找不到webpack的問題，

即：使用 npm run dev 時報錯：

Error: Cannot find module 'webpack-cli/bin/config-yargs'

可是我用webpack-v找到了版本號，我就刪了又裝了兩三次，還是不行，最后我在安裝的過程中沒有讓其修復，語句不記得了，就是安裝過程中出現警告讓你輸入修復的，然后就成功了。

第二步：在main.js中加入

解釋一下，key就是你申請的key，一串數字和字母

              plugin是你在地圖上用的組件   例：      

            "AMap.Autocomplete", //輸入提示插件
             "AMap.PlaceSearch", //POI搜索插件
             "AMap.Scale", //右下角縮略圖插件 比例尺
            "AMap.OverView", //地圖鷹眼插件
            "AMap.ToolBar", //地圖工具條
            "AMap.MapType", //類別切換控件，實現默認圖層與衛星圖、實施交通圖層之間切換的控制
            "AMap.PolyEditor", //編輯 折線多，邊形
            "AMap.CircleEditor", //圓形編輯器插件
           "AMap.Geolocation" //定位控件，用來獲取和展示用戶主機所在的經緯度位置
            andmore... ...

詳情https://elemefe.github.io/vue-amap/#/

但是這個官方文檔在vue中使用有些問題，可能是我不知道怎么用吧

這就是我的代碼了，記得給這個div設置高寬