vue cli3.0中使用高德地图超详细版

最新推荐文章于 2024-07-16 16:09:32 发布

freya_Du

最新推荐文章于 2024-07-16 16:09:32 发布

阅读量2.4k

点赞数

分类专栏：高德地图文章标签： vue.js javascript

本文链接：https://blog.csdn.net/freya_Du/article/details/107958571

版权

本文详细介绍了如何在Vue CLI3.0项目中集成高德地图，包括下载安装包、在HTML中引入、配置main.js和vue.config.js，以及解决常见问题，如地图显示和'amap is not defined'错误。

摘要由CSDN通过智能技术生成

1.下载安装包

npm install vue-amap --save

2.在html中引入高德地图
路径地址public=>index.html 不在src里面喔～
在这里插入图片描述

  <script src="https://webapi.amap.com/maps?v=2.0&key=你的key"></script>
  <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的key">
  </script>
  <script src="https://webapi.amap.com/ui/1.0/main.js"

最低0.47元/天解锁文章

freya_Du

关注

0
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
vue cli3.0中使用高德地图超详细版

1.下载安装包npm install vue-amap --save2.在html中引入高德地图路径地址public=>index.html 不在src里面喔～ <script src="https://webapi.amap.com/maps?v=2.0&key=你的key"></script> <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&
复制链接

扫一扫

专栏目录