VUE项目中调用高德地图

本文介绍了在Vue项目中集成高德地图的步骤,包括申请高德地图Key,选择vue-amap组件进行地图展示,以及解决地图加载失败和绑定插件时报错的问题。还探讨了原生调用高德API的场景,提供了vue-amap与原生API混合使用的示例。
摘要由CSDN通过智能技术生成

前言

相信大家或多或少都接触过在大屏的项目,在大屏项目中除了用到了echarts中的行政地图,街道地图也是很常见的,今天主要来说一下在vue中调用高德地图遇到的一些问题??。

申请高德key

无论我们使用任何方式调用高德地图都需要在高德地图开放平台中申请key??

  • 注册帐号

访问高德地图开发平台根据实际情况填写就可以??(实名认证的时候选择个人就可以,如果是企业级的项目,可能会涉及人员变动,建议使用公司邮箱进行注册)区别如下??。

  • 创建应用

新建应用时名称,与类型可以随意填写,尽量填写的与开发的应用一直,方便后期维护??

应用创建成功之后,点击添加就会需要我们选择需要使用高德地图的哪些服务,不同的服务平台,对应填写的内容也有所区别??,例如Android需要填写App包名,AndroidSHA1码等等,因为我这次的项目是个大屏项目所以就选择Web端(JSAPI)??

信息填写完毕之后就会在当前应用下生成对应的Key值和安全密钥(安全密钥在之前的版本中是没有的)

技术

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值