博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何实现在H5里调起高德地图APP?(下)
阅读量:6427 次
发布时间:2019-06-23

本文共 1607 字,大约阅读时间需要 5 分钟。

这一篇文章将告诉您,如果直接打开高德地图APP,并展示路线规划。适合有定位的移动设备,可以查询到从“我的位置”到目的地的路径规划,并直接导航。

 

场景二、调起高德地图的路线规划功能

导航是目前JSAPI无法覆盖到的高德地图客户端的重要功能,目前高德地图提供了驾车、公交、步行三种方式的导航服务,JSAPI在Driving、Transfer、Walking三个路线规划插件类中提供了相关功能调起接口,使用这些接口开发者可以在Web页面中直接打开客户端的路线规划结果界面,也可以看到客户端提供的策略更丰富的路线规划结果,只需要点击一下便可以开始导航。想要实现这个功能只需要两步:

 

加载路线规划插件并创建对象

这里我们以驾车路线规划为例,加载Driving插件,创建Driving对象,同时设置驾车策略为最短时间:

AMap.plugin(["AMap.Driving"], function() {            var drivingOption = {                policy:AMap.DrivingPolicy.LEAST_TIME,                map:map            };            var driving = new AMap.Driving(drivingOption); //构造驾车导航类        });

调用searchOnAMAP方法

Driving对象创建完毕之后,只需要在需要的地方调用searchOnAMAP方法就可以了,下面代码中是在button的点击事件中调用的。searchOnAMAP方法接收一个JSON对象参数,对象中需要指定路线规划的起终点坐标,同时也可以设定起终点名称,示例代码中我们利用了JSAPI路线规划的结果数据中的起终点坐标。调起高德地图客户端之后,只要点击‘开始导航’就可以使用导航功能了:

//根据起终点坐标规划驾车路线        driving.search(            [{keyword:'北京站'},{keyword:'北京大学'}],            function(status,result){                button.onclick = function(){                    driving.searchOnAMAP({                        origin:result.origin,                        destination:result.destination                    });                }             });

 

 

查看全部源代码

    
点击去高德地图
手机扫码打开demo

 

 

 

---------------------------------------------------------------------------------------------------------------

即日起至 2016/10/31 止,凡注册成为高德开发者的新用户,即可获赠 1 张阿里云优惠券,可享受最低 6 折购买阿里云产品。数量有限,发完即止。详情点击: 

转载于:https://www.cnblogs.com/milkmap/p/5916126.html

你可能感兴趣的文章
windows下最便捷的openssl 安装方式
查看>>
增强for循环和普通for循环的区别
查看>>
Intellij IDEA 最头大的问题,如何自定义注释模板?
查看>>
Mac下通过brew安装postgresql
查看>>
Eclipse rcp 开发 : 集成aptana
查看>>
Java 数组转换为List
查看>>
图元的属性---OpenGL状态变量
查看>>
pt-query-digest查询日志分析工具
查看>>
那些VisualStudio隐藏的调试功能(转)
查看>>
【原创】Erlang 中 binary_to_term 和 term_to_binary 的使用场景
查看>>
【转载】升级OpenSSL修复高危漏洞Heartbleed
查看>>
Struts秘籍之第1段:配置Struts应用
查看>>
Request
查看>>
知乎上小米变相约瑟夫环面试题微软解法的golang代码
查看>>
PHP IOC容器 - 依赖自动注入/依赖单例注入/依赖契约注入/参数关联传值
查看>>
8.0消息推送
查看>>
Oracle-No.05 Oracle CASE WHEN 用法介绍
查看>>
Java-No.12 Common-pool2实现Socket连接池
查看>>
vim 不自动生成备份文件
查看>>
render _forward _redirect
查看>>