vue 高德地图的引入和使用

 1.下载依赖
npm install vue-amap --save
2.在main.js引入 
// /高德地图
import AMap from 'vue-amap';
Vue.use(AMap);
AMap.initAMapApiLoader({
  key: '自己申请的key',
  plugin: ['AMap.DistrictLayer', 'AMap.Scale',
    'AMap.PolygonEditor',
    'AMap.DistrictSearch',
    'AMap.OverView',
    'AMap.HeatMap',
    'AMap.ToolBar',
    'AMap.MouseTool',
    'AMap.MapType',
    'AMap.HawkEye',
    'AMap.MapType',
    'AMap.Weather',
    'AMap.PlaceSearch',
    'AMap.Geolocation',
    'AMap.Geocoder'],
  v: '1.4.4',
});
3.测试demo 






你可能感兴趣的:(javascript,vue.js,前端)