请帮我写一段加载百度地图的代码,要求地图中心为北京,缩放级别为10,添加比例尺以及底图切换控件
时间: 2023-05-27 07:04:01 浏览: 205
加载百度地图
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>加载百度地图</title>
<style type="text/css">
#map{
width: 800px;
height: 600px;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
<script type="text/javascript">
// 创建地图实例
var map = new BMap.Map("map");
// 初始化地图,设置中心点坐标和缩放级别
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 10);
// 添加比例尺控件
map.addControl(new BMap.ScaleControl());
// 添加底图切换控件
map.addControl(new BMap.MapTypeControl());
</script>
</body>
</html>
注意:在代码中需要替换您的密钥。也可以使用https,比如:
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
如果您没有百度地图的开发者密钥,请前往百度地图开放平台申请。
阅读全文