使用百度地图官方WEB API,提示APP服务被禁用了,可以访问 http://lbsyun.baidu.com/apiconsole/key# 查看自己的应用具体详情,或联系我们了解详情
飞滕人生TYF 2024-08-12 13:33:07 阅读 78
问题
使用百度地图官方WEB API,显示APP服务被禁用了,可以访问 http://lbsyun.baidu.com/apiconsole/key# 查看自己的应用具体详情,或联系我们了解详情
详细问题
笔者使用百度地图官方WEBDemo下载至本地进行测试,换上笔者的ak,运行代码游览器弹窗显示
相关代码
<code><!DOCTYPE html>
<html lang="en">code>
<head>
<meta charset="UTF-8">code>
<meta name="viewport" content="width=device-width, initial-scale=1.0">code>
<style type="text/css">code>
body, html {
width: 100%;
height: 100%;
margin:0;
font-family:"微软雅黑";
}
#container{
width:100%;
height:100%;
}
#result{
position: fixed;
top: 10px;
left: 20px;
width: 300px;
height: 40px;
line-height: 40px;
text-align: center;
background: #fff;
box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);
border-radius: 7px;
z-index: 99;
}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak=笔者ak"></script>code>
<title>根据起点和终点经纬度驾车导航</title>
</head>
<body>
<div id="container"></div>code>
<div id='result'>根据起点和终点经纬度驾车导航路线</div>code>
<script>
var map = new BMapGL.Map("container");
map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11);
var p1 = new BMapGL.Point(116.301934,39.977552);
var p2 = new BMapGL.Point(116.508328,39.919141);
var driving = new BMapGL.DrivingRoute(map, { renderOptions:{ map: map, autoViewport: true}});
driving.search(p1, p2);
</script>
</body>
</html>
解决方案
步骤1、重新创建应用,应用类型选择游览器端
步骤2、修改上述代码中的ak为应用类型是游览器端的ak
对于笔者而言,即:
<code><script type="text/javascript" src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak=笔者ak"></script>code>
改为
<script type="text/javascript" src="http://api.map.baidu.com/api?type=webgl&v=1.0&ak=笔者应用类型是游览器端的ak"></script>code>
错误原因
由于之前创建应用时,应用类型选择服务端,而服务器端并没有开启笔者所需功能,故提示APP服务被禁用了,可以访问 http://lbsyun.baidu.com/apiconsole/key# 查看自己的应用具体详情,或联系我们了解详情
解决原因
笔者在Web应用程序中嵌入百度地图,需要选择应用类型是游览器端的ak,地图信息便可以正常展示。
参考文献
无
原创不易
转载请标明出处
如果对你有所帮助 别忘啦点赞支持哈
上一篇: 前端实现excel导出表格(纯前端实现)
下一篇: 【Bugku CTF】web解题记录
本文标签
提示APP服务被禁用了 使用百度地图官方WEB API 或联系我们了解详情 可以访问 http://lbsyun.baidu.com/apiconsole/key# 查看自己的应用具体详情
声明
本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。