vue2+高德地图web端开发使用
创始人
2025-05-28 13:53:07

创建vue2项目

我们创建一个vue2项目,创建vue2项目就不用再多说了吧,使用“vue create 项目名 ”创建即可

注册高德地图

高德地图官网地址:https://lbs.amap.com/

如果是第一次使用,点击注册然后进入我们的控制台

注册完之后进入控制台,找到我的应用

点击创建新的应用

点击添加

选择web端开发,最好写上域名白名单,勾选下面的单选框,最后进行提交

按照步骤全部弄好之后就完成了注册

最后你会获得你注册的key和安全密钥,是我们后面使用的关键

官网地址:https://lbs.amap.com/api/jsapi-v2/guide/webcli/map-vue1

使用

打开项目,安装loader

npm i @amap/amap-jsapi-loader --save 

在component目录下新建Map组件

在< script >中引入AMapLoader

完整代码




效果图

相关内容

热门资讯

2025新版教程“欢乐五张到底... 亲,欢乐五张这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别好,总...
2025新版教程“万博体育到底... 无需打开直接搜索微信:万博体育有挂吗本司针对手游进行,选择我们的四大理由:1、软件助手是一款功能更加...
2025新版教程“南通情怀到底... 2025新版教程“南通情怀到底是不是有挂”确实真的有挂(详细教程)是一款可以让一直输的玩家,快速成为...
2025新版教程“太仓麻将到底... 无需打开直接搜索微信:太仓麻将有挂吗本司针对手游进行,选择我们的四大理由:1、软件助手是一款功能更加...
2025新版教程“新乐游戏到底... 您好,新乐游戏这款游戏可以开挂的,确实是有挂的,通过微信【8198015 】很多玩家在这款游戏中打牌...