当前位置: 代码迷 >> Web前端 >> 初试百度map-显示map
  详细解决方案

初试百度map-显示map

热度:227   发布时间:2013-03-21 10:08:17.0
初试百度地图-显示地图
刚进入一家新公司,上来让弄百度地图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); //设置地图的缩放级别以及初始化地图


这样地图就可以显示在网页上了。
  相关解决方案