百度未授权使用地图 API 解决办法

在自己的网页嵌入百度地图API JS文件时 , 提示 :

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

百度地图API

调用百度地图时 , 需要提供 访问应用 (AK) , 对于个人测试 , 可以登录百度开发平台 (http://lbsyun.baidu.com/) , 注册个人开发版的账号 , 然后创建 “浏览器端” 的应用 , 勾选相应服务 , 设置白名单 , 创建完成后 , 则看到 AK 密钥 :

配置应用

然后再浏览器修改下 AK 密钥就可以了 :

<script src="https://api.map.baidu.com/api?ak=skdyg9874yhcx0721358lzdsjfa&v=2.0&services=false"></script>

作者 Github : tojohnonly , 博客 : EnskDeCode

  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
获取设备经纬度需要使用HTML5的Geolocation API,下面是一个示例代码: ```html <!DOCTYPE html> <html> <head> <title>获取设备经纬度</title> <meta charset="utf-8"> <style> #map { height: 400px; width: 100%; } </style> </head> <body> <div id="map"></div> <script src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> <script> var map = new BMap.Map("map"); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition, showError); } else { alert("Geolocation is not supported by this browser."); } } function showPosition(position) { var latitude = position.coords.latitude; var longitude = position.coords.longitude; var point = new BMap.Point(longitude, latitude); map.centerAndZoom(point, 15); var marker = new BMap.Marker(point); map.addOverlay(marker); } function showError(error) { switch (error.code) { case error.PERMISSION_DENIED: alert("User denied the request for Geolocation."); break; case error.POSITION_UNAVAILABLE: alert("Location information is unavailable."); break; case error.TIMEOUT: alert("The request to get user location timed out."); break; case error.UNKNOWN_ERROR: alert("An unknown error occurred."); break; } } getLocation(); </script> </body> </html> ``` 在上面的代码中,我们使用百度地图API来创建一个地图,并且调用了HTML5的Geolocation API来获取设备的经纬度,然后在地图上显示出来。 需要注意的是,获取设备的经纬度需要用户授权,如果用户拒绝授权,则无法获取经纬度信息。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值