百度地图api

最新推荐文章于 2024-04-03 16:11:33 发布

转载最新推荐文章于 2024-04-03 16:11:33 发布 · 137 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hzhjxx/p/9783233.html

文章标签：

#php

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{width: 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）标注：