百度地图API示例-CSDN博客

本文链接：https://blog.csdn.net/w8700569/article/details/83922645

<!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:60%;width:60%}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.2&services=false"></script>
</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); // 创建点坐标, 其中 116.404 表示经度, 39.915 表示纬度
	map.centerAndZoom(point, 13); // 初始化地图，设置中心点坐标和地图级别

	map.addControl(new BMap.NavigationControl());
	map.addControl(new BMap.ScaleControl());
	map.addControl(new BMap.OverviewMapControl());
	
	map.enableScrollWheelZoom();
	map.enableKeyboard();
	map.enableInertialDragging();

</script>

</body>
</html>

百度地图test