初试百度地图-显示地图

刚进入一家新公司，上来让弄百度地图GIS，我们今天先来学习怎么让地图显示到网页上。

1.加入百度地图的js文件

  <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>

2.在网页的最后初始化地图对象，或者onload也行

 html {
	height: 100%
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px
}

   var map = new BMap.Map("map"); //参数是地图要显示在那个panel下
   <div id="map" style="height: 100%;"></div>

3.设置地图的中心位置

   var map = new BMap.Map("map"); //参数是地图要显示在那个panel下
   var point = new BMap.Point(112.418722, 34.647653);//设置初始化显示的坐标
   map.centerAndZoom(point,12); //设置地图的缩放级别以及初始化地图

这样地图就可以显示在网页上了。