闪酷跑路网

一行行枯燥的代码,却描绘出人生的点点滴滴

您现在的位置是:首页>_JavaScript

高德mapJS-API (超简单Get新技能√)

发布时间:2018-11-16浏览(2941)

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