百度地图使用

百度地图API写的还是不错的，只是开始时可能不知道需要从哪里看起，需要花费几个小时的时间从整个API文档内提取需要的信息，本文主要是进行一个引导。
1.百度API地址：
http://lbsyun.baidu.com/index.php?title=jspopular
地图API示例地址：
http://developer.baidu.com/map/jsdemo.htm#a1_2
最好是注册一个百度地图账号，方便引用2.0等新版本
2.引用百度地图js

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

3.页面放置地图容器

<div id="map" style="width:800px;height:400px;border:1px solid red;margin:10px;"></div>

4.创建地图

    // 百度地图API功能
    var map = new BMap.Map("map");
    map.centerAndZoom("上海",12);
    map.enableScrollWheelZoom(true);
    map.enableContinuousZoom(); 
    map.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件
    map.addControl(new BMap.OverviewMapControl()); //添加默认缩略地图控件

这样地图就展示在页面上id为map的div内部了。

地图位置搜索、获取当前位置、获取两点间距离等可以参考API示例代码，写的都比较清楚。