Vue中如何使用高德地图_vue-amap 离线

作者：weixin_40725706 | 2024-04-15 00:49:12

踩

vue-amap 离线

效果图：

这是高德地图API文档地址：地图的创建-生命周期-示例中心-JS API 示例 | 高德地图API

1.安装

vue-amap安装

npm i --save vue-amap@0.5.10

2.main.js中的配置

key申请地址教程：准备-入门-教程-地图 JS API | 高德地图API

// 高德离线地图
import VueAMap from 'vue-amap';
Vue.use(VueAMap);
 
VueAMap.initAMapApiLoader({
  // 高德key
  key: 'd6eabbd08f89ccfb74278b36ab6342567', // 自己到官网申请，我随便写的
  // 插件集1
2
3
4
5
6
7

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/424955