首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

初试百度map-显示map

2013-03-21 
初试百度地图-显示地图刚进入一家新公司,上来让弄百度地图GIS,我们今天先来学习怎么让地图显示到网页上。1.

初试百度地图-显示地图
刚进入一家新公司,上来让弄百度地图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); //设置地图的缩放级别以及初始化地图


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

热点排行