百度地图API简单应用.doc_第1页
百度地图API简单应用.doc_第2页
百度地图API简单应用.doc_第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

百度地图API简单应用1.根据地址查询经纬度这几天比较空闲,就接触了下百度地图的API(开发者中心链接地址:),发现调用还是挺方便的。只要简单几步注册下,就可以获得一个Key,就能直接调用(PS:好像1.3版本前的无需注册获取key,就能直接调用api)。想着能结合到自己的项目中去,那也挺不错的。看了园子中的几篇文章,感觉甚好,想自己也动手试试。在调用百度地图API的时候,经纬度的获取必然是关键,那么怎么样获取到经纬度的值呢?这是一个最首要解决的问题。通过查询资料,看了几个例子,得知了调用的方法(感谢与时俱进的实例,给予很大的帮助)。站着巨人的肩膀上,就能比较快的实现功能。闲话不多,下面就直接给大家介绍下,具体要怎么调用百度地图API。首先新建一张html页面。然后引用上API: 根据地址查询经纬度 这里我直接引用了1.3的版本,要引用1.3版本以上的话要加上key:如此几行代码就成功引用了百度地图API。接下来就是要调用他的一些方法了:首先在body中添加一个div,用来加载地图用,简单写下样式。然后是写javascript代码,来调用api中的方法。首先创建一个地图,然后设置地图显示的中心地图,及显示的放大倍数: var map = new BMap.Map(container); map.centerAndZoom(宁波, 12);然后,启动地图的方法缩小功能,以及地图的拖拽功能:map.enableScrollWheelZoom(); /启用滚轮放大缩小,默认禁用map.enableContinuousZoom(); /启用地图惯性拖拽,默认禁用为了使用地图更加方便,我们还可以添加上缩放的平移控件,以及地图的缩略图控件,并设置他要显示的位置:map.addControl(new BMap.NavigationControl(); /添加默认缩放平移控件map.addControl(new BMap.OverviewMapControl(); /添加默认缩略地图控件map.addControl(new BMap.OverviewMapControl( isOpen: true, anchor: BMAP_ANCHOR_BOTTOM_RIGHT ); /右下角,打开“BMAP_ANCHOR_BOTTOM_RIGHT”为控件显示的位置,表示控件位于地图的右下角,可以按照自己的喜欢添加参数值。主要有一下四种:BMAP_ANCHOR_TOP_LEFT表示控件定位于地图的左上角。BMAP_ANCHOR_TOP_RIGHT表示控件定位于地图的右上角。BMAP_ANCHOR_BOTTOM_LEFT表示控件定位于地图的左下角。BMAP_ANCHOR_BOTTOM_RIGHT表示控件定位于地图的右下角。好了,地图的一些基本设置已经添加上了,如果要其他的功能,还可以去通过查看百度地图API的Demo来获取调用的方法(/map/jsdemo.htm)。接下来就是要是实现我们的主要功能了。首先,先在页面上添加两个文本框,和一个查询按钮。第一个文本框是用来输入要查询的地址,第二个文本框是用来显示查询所得的经纬度。html代码就全部写完了。 根据地址查询经纬度 要查询的地址: 查询结果(经纬度): 接下来就是要构建一个查询:var localSearch = new BMap.LocalSearch(map);localSearch.enableAutoViewport(); /允许自动调节窗体大小然后我们就可以开始做最关键的一步了,就是获取地址的具体经纬度:function searchByStationName() var keyword = document.getElementById(text_).value;localSearch.setSearchCompleteCallback(function (searchResult) var poi = searchResult.getPoi(0);document.getElementById(result_).value = poi.point.lng + , + poi

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论