百度地图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示例代码,写的都比较清楚。