百度地图api

1 官网地址：

http://lbsyun.baidu.com/index.php?title=%E9%A6%96%E9%A1%B5

然后找到如图所示的js api：

http://lbsyun.baidu.com/index.php?title=jspopular

2 使用方法

具体可以在这里查看：

把hello World中的代码复制一下，就可以知道用法了：

代码如下：

<!DOCTYPE html>  
<html>
<head>  
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>Hello, World</title>  
<style type="text/css">  
html{height:100%}  
body{height:100%;margin:0px;padding:0px}  
#container{ 800px;height: 500px;margin: 0 auto;}  
</style>  
<script src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥">
</head> 
 
<body>
	
<div id="container"></div> 

<script> 
var map = new BMap.Map("container");  //创建地图实例  
var point = new BMap.Point(116.404, 39.915);  //创建点坐标  
map.centerAndZoom(point, 15);  //初始化地图，设置中心点坐标和地图级别  
</script> 

</body>  
</html>

tips：还可以使用低版本，不用注册密钥了，但是功能没有高版本的多：

3 具体步骤

1）引入api的地址

2）加一个容器并设一个id

3）创建地图实例

　创建点坐标

　初始化地图，设置中心点坐标和地图级别

　　（地图级别就是放大还是缩小的比例）

4 其他

1）添加控件：

map.addControl(new BMap.NavigationControl());

2）标注：

var marker = new BMap.Marker(point); // 创建标注

map.addOverlay(marker); // 将标注添加到地图中

3）标注加图标，可以自定义

4）可以加多个标注，每个标注都是一个对象，可以把这些标注放一个数组里，然后分别操作

5）可拖拽的标注

6）经纬度的表示：lng和lat　　

　　查询某一个地点的经纬度：

　　http://api.map.baidu.com/lbsapi/getpoint/index.html

7）添加折线

8）开启鼠标滚轮缩放：map.enableScrollWheelZoom(true);

5 在示例demo里有大量实例，可以直接使用