vue插入使用地图（简易、即用）

<script src="//webapi.amap.com/maps?v=1.4.15&key=您的高德地图API Key"></script>

npm install vue-amap --save

1. import Vue from 'vue'
2. import VueAMap from 'vue-amap'
3. 
4. Vue.use(VueAMap)

1. mounted () {
2. this.$amap.initAMapApiLoader({
3. key: '您的高德地图API Key',
4. plugin: ['AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType'],
5. // 默认高德SDK版本为1.4.4
6. v: '1.4.15',
7. uiVersion: '1.0.11'
8.   })
9. this.$amap.then(() => {
10. const map = new this.$amap.Map('your-map-container-id', {
11. center: [116.397428, 39.90923],
12. zoom: 13
13.     })
14.   })
15. }