在自己的网站中嵌入百度地图

百度地图的强大与丰富的功能相信大家都有目共睹，那么如何把这么好的东西集成到自己的网站中呢？

其实很简单，百度的javascript API提供了非常简单

百度地图应用官方地址：http://developer.baidu.com/map/jshome.htm

里面有详细的使用方法API和DEMO，本文只介绍一个基本的例子

第一步：引入baidu提供的js

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

 yourAK是您在百度申请的AK，申请方法在百度api里有写，很简单。

第二步：指定一个div生成地图

<div id="mapContainer"></div>
<script type="text/javascript">  
var map = new BMap.Map("mapContainer"); // 创建地图实例
var point = new BMap.Point(125.336871, 43.896823); // 创建点坐标
map.addControl(new BMap.NavigationControl());  //给地图添加控件   
map.addControl(new BMap.ScaleControl());     
map.addControl(new BMap.OverviewMapControl());     
map.addControl(new BMap.MapTypeControl());     
map.setCurrentCity("长春");  //地区区域
map.centerAndZoom(point, 17); // 初始化地图，设置中心点坐标和地图级别
map.enableScrollWheelZoom(); //让鼠标滚轮可以放缩地图
var marker = new BMap.Marker(point);        // 创建标注     
map.addOverlay(marker);  //在地图上添加标注
</script>

 

这样，地图就嵌入进来了，很简单。

说明一下：

1：地图级别，数字越大地图越详细，相当于地图放大。

2：中心坐标：百度地图坐标拾取http://api.map.baidu.com/lbsapi/getpoint/index.html