ionic2混合应用调起原生地图应用

最近有个需求:在混合应用中点击“打开谷歌地图,要自动打开手机上的谷歌地图应用,并且谷歌地图要‘自动’为用户所在地到任务所在地这一段距离进行导航”(没错,就是要打开谷歌地图并且让它自动完成从一个经纬度到另一个经纬度之间的线路规划)

百度一下

认认真真搜了快一个小时,看了几十个网页,最后得出一个结论:
TMD,这都什么玩意,说的什么东西**。(哈哈,其实我还是知道了要去看谷歌地图的URL SCHEME)。

查看谷歌地图文档

心想着“我曹,这还不得一堆英文”颤抖着打开了谷歌地图的开发者文档网页。额,竟然有中文(欣喜)。然而,看完之后,试了一下这样:

<a href="comgooglemapsurl://maps.google.com/?q=@37.3161,-122.1836">打开吧</a>

并没有卵用……

Google一下

没办法了,谷歌搜索吧,第一次搜索时输入的是中文,结果出来的网页跟百度搜出来的一样,我才不要看!冷静一下,淡然地输入了以下文字:

how to open native google maps by js

第一个网页就是stackoverflow,原来早有人问过了^_^。冷静地看完所有英文之后,再结合之前查看的谷歌地图开发者文档写下了这样一行:

<a href="geo:30.87,114.37?q=30.60,114.27">打开!</a>

没错,打开了,两个经纬度之间的路径也规划好了,哈哈哈哈哈……

安卓?苹果?

成功打开,好高兴,然而,脑中突然闪过一个邪恶的念头,“安卓打开了,苹果打不开怎么办,我曹,我不知道啊啊啊啊”。

ionic2

后来才想到,本来就用的框架啊啊啊,赶紧去看这个的文档,然后我就发现写的清清楚楚的-_-|
附上网址:
别点我

最终代码

import { LaunchNavigator, LaunchNavigatorOptions } from 'ionic-native';

openMaps() {
    let destination = "30.87,114.37 ";
    let start ="30.60,114.27";

    let options: LaunchNavigatorOptions = {
        start: start
    };

    LaunchNavigator.navigate(destination, options)
        .then(
            success => alert('ok'),
            error => alert('error' + error)
    );
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值