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設置高寬