高德地图JS-API (超简单Get新技能√)

  上几章咱们研究了百度地图SDK的用法,虽然不难可是配置起来也是至关的繁琐,如今高德LBS开放平台推出了基于HTML5的地图组件,咱们能够经过WebView直接用URL 以GET方式进行请求就能够实现位置标注,路线规划,周边搜索的功能,大大简化了咱们的工做量,并且不须要导入任何的文件,下面为你们介绍一下。android

第一步:申请Key

同百度地图同样仍是须要申请一个Key,可是申请步骤十分简单。web

网址: http://lbs.amap.com网络

一、输入应用名称。ide

二、选择JavaScript APIspa

三、点击获取Key3d

第二步: 配置URL

功能1:位置标注code

示例说明orm

http://m.amap.com/navi/?dest=121.442946,37.468676&destName=杰瑞教育&hideRouteIcon=1&key=(您申请的key)blog

参数说明:ip

效果图:

功能2:路线规划

示例说明

http://m.amap.com/navi/?start=121.442946,37.468676&dest=121.447967,37.464418&destName=一条驾车路线&key=(您申请的key)

参数说明:

效果图

功能3:周边搜索

示例说明

http://m.amap.com/around/?locations=121.442946,37.468676&keywords=美食,KTV,公交站&defaultIndex=3&defaultView=map&searchRadius=5000&key=(您申请的key)

参数说明:

效果图:

最后由于咱们是使用WebView进行加载URL,不要忘了加入访问网络的权限:

<uses-permission android:name="android.permission.INTERNET"></uses-permission>

  到这里就已经所有介绍完了,是否是超级简单呢,由于是用URL进行访问不只支持Android和IOS 并且在PC上同样能够打开,赶忙试试吧

 

做者:杰瑞教育
出处: http://www.cnblogs.com/jerehedu/ 
版权声明:本文版权归 杰瑞教育 技有限公司和博客园共有,欢迎转载,但未经做者赞成必须保留此段声明,且在文章页面明显位置给出原文链接,不然保留追究法律责任的权利。
技术咨询:JRedu技术交流
相关文章
相关标签/搜索