vue2+高德地图web端开发使用_热点关注

迪丽瓦拉

2025-05-28 14:01:11

0次

创建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

完整代码

效果图

从三阳村出发，到双阳村接山泉水... 这天我从银桥镇三阳村出来后，下一站便是它旁边的双阳村路边取水点，按照之前所做的功课，其实只要导航到某...

国庆假期宁德文旅综合消费增长6... 东南网10月9日讯（本网记者叶伏国通讯员周俊因）记者从宁德市文旅局获悉，今年国庆假期，全市文旅...

会网球懂摄影，一名合格的民宿管... 刚刚结束的国庆假期，各地特色文旅热度高涨。有这样一群民宿管家，他们无暇出门度假，却以贴心细致的守候为...

魔都乡趣乡当有趣丨杉林溪涧寻... 足不出“沪”，就能邂逅森系溪谷秘境？国庆假期，位于闵行区浦江郊野公园活力森林区的“浸想森林”火出圈。...

【甘快看•文化中国行】文博“站... 国庆假期，嘉峪关方特游人如织。文博场馆内，非遗技艺可看可感；山野村落间，田园风光令人心旷神怡；城市街...

江畔开演，嗦粉迎客！四川南充国... 封面新闻记者刘彦君10 月 7 日，四川南充国庆假期文旅成绩单正式出炉：全市A级景区接待游客322...

国庆外骨骼助力器销售额涨12.... 【文/王力编辑/吕栋】国庆假期，爬山这件事开始有了点“开外挂”的味道。过去登山装备是登山杖、护膝和...

这个假期，天衢新区活力拉满！德百奥莱广场上，大型实景演出《德运星河》再度精彩上演；董子文化街里，祭董大典庄严肃穆，文化市集青春洋...

走进印尼帕达尔岛俯瞰蓝色海洋　　印尼科莫多国家公园的核心岛屿——帕达尔岛由古老火山喷发形成，登顶观景台，四片海湾同时铺展在眼前，...

美丽中国行·大河长歌｜一河穿沙... 　　黄河自黑山峡奔涌而入，从甘肃进入宁夏首站中卫，在沙坡头，与腾格里沙漠迎面相拥，形成沙水交融、河漠...