百度未授权使用地图API,可能是因为您提供的密钥不是有效的百度LBS开放平台密钥,或此密钥未对本应用的百度地图JavaScriptAPI授权。您可以访问如下网址了解如何获取有效的密钥:http://l

问题:

项目接入百度地图api接口,报错百度未授权使用地图API,可能是因为您提供的密钥不是有效的百度LBS开放平台密钥,或此密钥未对本应用的百度地图JavaScriptAPI授权。您可以访问如下网址了解如何获取有效的密钥:http://lbsyun.baidu.com/apiconsole/key#。

原因:

因为自己太过粗心,没有仔细看文档。
在这里插入图片描述

解决方案:

域名开放白名单,或者设为*,不做限制

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Nuxt.js 中使用高德地图时,需要获取高德地图 Web API 的 Key 和密钥。可以按照以下步骤进行操作: 1. 在高德开放平台注册账号并创建应用https://lbs.amap.com/dev/key/app 2. 在应用管理中找到已创建的应用,点击“管理”按钮,在“应用详情”中可以看到“应用的Key”,将其复制。 3. 在 Nuxt.js 项目中安装 `@nuxtjs/axios` 和 `@amap/amap-jsapi-loader` 依赖: ``` npm install @nuxtjs/axios @amap/amap-jsapi-loader --save ``` 4. 在 `nuxt.config.js` 中配置 `@nuxtjs/axios` 和 `@amap/amap-jsapi-loader`: ```js // nuxt.config.js export default { modules: [ '@nuxtjs/axios' ], axios: { baseURL: '/' }, plugins: [ { src: '~/plugins/amap', ssr: false } ] } ``` ```js // plugins/amap.js import Vue from 'vue' import AmapVue from '@amap/amap-vue' import AmapLoader from '@amap/amap-jsapi-loader' Vue.use(AmapVue) AmapLoader.load({ key: 'YOUR_AMAP_KEY', version: '2.0', plugins: [], AMapUI: { version: '1.1', plugins: [] }, Loca: { version: '1.3.2' } }).then((AMap) => { console.log('AMap loaded:', AMap) }) ``` 5. 在页面中使用 AmapVue 组件: ```vue <template> <div> <amap-vue :center="center" :zoom="zoom"> <amap-marker :position="center" /> </amap-vue> </div> </template> <script> export default { data() { return { center: [116.397428, 39.90923], zoom: 13 } } } </script> ``` 注意:在 `plugins/amap.js` 中,需要将 `YOUR_AMAP_KEY` 替换为你申请的高德地图 Web API 的 Key。另外,在 `plugins/amap.js` 中也可以配置密钥(secret),但是一般情况下并不需要配置密钥

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值