百度地图API的使用

开始学习百度地图API最简单的方式是看一个简单的示例 。

 以下代码创建了一个240x100大小的地图区域并以北京瀚海花园作为地图的中心:

<div style="width:240px;height:100px;border:1px solid gray" id="container"></div>

<script type="text/javascript" src="http://api.map.baidu.com/api?key=cxDfy7PndcTgd1bGCVSnmeR2&v=1.0&services=false"></script>其中的秘钥是需要自己需去注册，然后到首页去获取秘钥，创建一个项目，生成秘钥的。

<script>
var map = new BMap.Map("container");// 创建地图实例
var point = new BMap.Point(116.380244,39.874833);// 创建点坐标 ，坐标点可以在百度地图api官网页面上，开发-工具支持-坐标拾取器可以得到
map.centerAndZoom(point,15);// 初始化地图，设置中心点坐标和地图级别
 
var marker = new BMap.Marker(point);  // 创建标注
map.addOverlay(marker);                     // 将标注添加到地图中
   
map.addControl(new BMap.NavigationControl()); //平移缩放控件

map.addControl(new BMap.ScaleControl());//比例尺控件

map.addControl(new BMap.OverviewMapControl());//缩略图控件

</script>

结果是这样子的：