Vue中引入高德地图标记选点--小白详细

1、首先在高德开发者申请开发者账号申请key

2、安装vue-amap

npm install vue-amap --save

 

3、配置VueAMap  --main.js

import VueAMap from 'vue-amap';Vue.use(VueAMap);VueAMap.initAMapApiLoader({// 高德的keyekey: '你的key值',uiVersion: '1.0.11' ,// 版本号// 插件集合plugin: ['AMap.Geocoder','AMap.Autocomplete','AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.Geolocation','AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor'],// 高德 sdk 版本,默认为 1.4.4v: '1.4.4'});

Vue中写个Map.vue,引用即可
 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部