百度地图API使用——基础地图
来源:互联网 发布:html5media.min.js 编辑:程序博客网 时间:2024/06/05 08:59
百度地图API是一个免费开放的接口,用于获取百度地图的资源,并进行相关操作。其提供的API接口主要有三类:javascript,ios,android.另外还有一些实用的工具如地图生成器,坐标拾取器,具体请参考百度地图开放平台:http://lbsyun.baidu.com/index.php?title=jspopular
首先展示一个最基本的地图网页,利用javascript获取北京某区域地图,代码如下:
<!DOCTYPE html> #标准的html5文档声明<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{height:100%} </style> #引用百度地图API文件<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥">//v2.0版本的引用方式:src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"//v1.4版本及以前版本的引用方式:src="http://api.map.baidu.com/api?v=1.4&key=您的密钥&callback=initialize"</script></head> <body> <div id="container"></div> # 地图容器元素,地图需要一个html元素作为容器,这样才能展现在页面上<script type="text/javascript"> var map = new BMap.Map("container"); // 创建地图实例,BMAP命名空间,所有的类均在其下var point = new BMap.Point(116.404, 39.915); // 创建点坐标 map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别,地图必须经过初始化才可以进行其他操作</script> </body> </html>
如果要让该代码成功执行需要做以下几件事:
1.在百度地图开发者平台上申请密钥,将’您的密钥’替换
2.去掉文中的注释
相关类和函数请参考:http://lbsyun.baidu.com/cms/jsapi/class/jsapi_reference.html
更多的API请参见:http://lbsyun.baidu.com/index.php?title=static
以下javascript是利用API中的boudary类获取城市边界坐标的示例
var bd = new BMap.Boudary(); # 创建行政区域对象bd.get('上海市',function(rs){alert(rs.boundaries[0]);}); # 获取并显示区域边界坐标点
在API中关于boudary有如下说明:
对于get(name:String,callbach:function)
其中string为待查询城市,get到string所指示的城市后,会将边界对象作为参数传递给function,示例中以匿名函数作为callback函数,rs即为边界对象,rs.boundaries[0]即为图中的边界坐标。最后通过alter显示在网页中。
该API中,有很多这样的对象或函数,他们不会直接返回你需要的结果,而是需要指定回掉函数,程序会将结果以参数传给指定的回掉函数。如果想要在外部使用返回的结果,可以通过匿名函数将该参数赋值给本地的外部变量。
另外举一个获取城市坐标的示例,作为结束。推荐通过API中的示例DEMO了解相关功能和函数,然后通过API了解函数详细信息。为了获取想要的信息,可以不断通过API了解该对象的方法。
var geo = new BMap.Geocoder();geo.getPoint('上海市',function(jwd){alter("经度:"+jwd.lng+"/n纬度:"+jwd.lat)});
- 百度地图API使用——基础地图
- 百度地图API使用
- 百度地图API使用
- 使用百度地图API
- 使用百度地图API
- 百度地图API使用
- 百度地图 API 使用
- 百度地图API使用
- 百度地图API使用
- 百度API———基础地图(一)*
- 百度API———基础地图(二)*
- 百度API———基础地图(三)*
- 百度地图 API 基础入门——前端(一)
- 百度地图api基础方法
- 百度地图API的使用——网页中写入百度地图
- 百度地图API的使用
- 百度地图api的使用
- andorid 百度地图api 使用
- 第003讲:插曲之变量和字符串 ---学习笔记
- InfluxDB使用总结与性能优化
- HDU_【2017 Multi-University Training Contest 1】——1003 color tree
- 设计模式-单例模式
- 整数拆分 生成函数 模版
- 百度地图API使用——基础地图
- java.lang.IllegalArgumentException: Comparison method violates its general contract!
- hibernate 注解方式一对一 基于外键的形式
- 关于RESTful接口api的设计
- vue环境搭建
- springmvc日期格式转换器
- 初学wordpress笔记(1)
- day07_02 多态 Static final
- 链表问题