1 var map = new BMap.Map("wcp"); // 创建Map实例
2 map.centerAndZoom(new BMap.Point(9.1234695911407, 45.4779927836), 11); // 初始化地图,设置中心点坐标和地图级别
3 //添加地图类型控件
4 map.addControl(new BMap.MapTypeControl({
5 mapTypes: [
6 BMAP_NORMAL_MAP,
7 BMAP_HYBRID_MAP
8 ]
9 }));
10 map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
11 map.enableScrollWheelZoom(true);
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
7 <link rel="stylesheet" href="./index.css">
8 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=SYl5BbYhh2lYghAIi9TsF9Vw80mE4NT2"></script>
9 <title>百度地图</title>
10 </head>
11 <body>
12 <div id="wcp">
13
14 </div>
15 <script src="./map.js"></script>
16 </body>
17 </html>
body,html,#wcp {
width: 100%;
height: 100%;
overflow: hidden;
margin:0;
font-family:"微软雅黑";
}
