百度地图调用

最新推荐文章于 2024-08-03 16:53:18 发布

Z .Y

最新推荐文章于 2024-08-03 16:53:18 发布

阅读量187

点赞数

本文链接：https://blog.csdn.net/qq_63084266/article/details/121853845

版权

百度地图 API 交互式地图旋转角度倾斜角度

关键词由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
		    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
		    <title>百度地图</title>  
		    <style type="text/css">  
		        html{height:100%}  
		        body{height:100%;margin:0px;padding:0px}  
		        #container{height:100%}  
		    </style>  
			<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>
		</head>  
	</head>
	<body>
		<div id="container"></div>
		<script type="text/javascript">
		// 创建地图实例 
		var map = new BMap.Map("container");
		// 创建点坐标 
		var point = new BMap.Point(116.404, 39.915);//经纬度
		
		// 初始化地图，设置中心点坐标和地图级别 
		map.centerAndZoom(point, 15);
		
		map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
		
		map.setHeading(64.5);   //设置地图旋转角度
		
		map.setTilt(73);       //设置地图的倾斜角度
        
		// 禁止地图旋转和倾斜可以通过配置项进行设置
		var map = new BMapGL.Map("allmap",{
		    enableRotate: false,
		    enableTilt: false
		});
		</script> 
	</body>
</html>