百度地图调用显示的是空白页面

最新推荐文章于 2024-03-08 09:36:44 发布

kyyius

最新推荐文章于 2024-03-08 09:36:44 发布

阅读量1.7k

点赞数 1

本文链接：https://blog.csdn.net/kyyius/article/details/110553742

版权

复制一个百度的demo代码后发现网页一直在请求中，无显示

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
	body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
	</style>
	<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script>
	<title>设置地图3D视角</title>
</head>
<body>
	<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
    // GL版命名空间为BMapGL
    // 按住鼠标右键，修改倾斜角和角度
	var map = new BMapGL.Map("allmap");    // 创建Map实例
	map.centerAndZoom(new BMapGL.Point(116.280190, 40.049191), 19);  // 初始化地图,设置中心点坐标和地图级别
	map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
	map.setHeading(64.5);
	map.setTilt(73);
</script>

原因

<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script>
<!-->没有协议和密钥
http://api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"
或者
https://api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"
把‘您的密钥’换成之前申请的ak密钥就行了
<-->

kyyius

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
百度地图调用显示的是空白页面

复制一个百度的demo代码后发现网页一直在请求中，无显示<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/cs
复制链接

扫一扫