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

标签：

　　上几章我们研究了百度地图SDK的用法,虽然不难但是配置起来也是相当的繁琐,现在高德LBS开放平台推出了基于HTML5的地图组件,我们可以通过WebView直接用URL 以GET方式进行请求就可以实现位置标注，路线规划，周边搜索的功能,大大简化了我们的工作量,而且不需要导入任何的文件，下面为大家介绍一下。

第一步:申请Key

同百度地图一样还是需要申请一个Key,但是申请步骤十分简单。

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

1、输入应用名称。

2、选择JavaScript API

3、点击获取Key

第二步: 配置URL

功能1:位置标注

示例说明

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

参数说明:

效果图:

功能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/ 
版权声明：本文版权归烟台杰瑞教育科技有限公司和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
技术咨询：

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

标签：

原文地址：http://www.cnblogs.com/jerehedu/p/4958164.html