如何在app里利用js调取手机第三方地图--以高德地图和百度地图为例

Posted 冰泪恋心

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在app里利用js调取手机第三方地图--以高德地图和百度地图为例相关的知识,希望对你有一定的参考价值。

接着上篇文章说一下js调取第三方地图的问题,上次的方式是通过一个链接直接接到了第三方的web页面,又从第三方的web页面调用的第三方app;结果,这个方法被否定了,因为需求不是这样,需求直接就想调用第三方的app.

因为项目是基于mui框架写的,而MUI自身又封装了调用第三方app的方法。所以,在官方文档中的runtime的模块中写了如何调用。

先来简单介绍一下Runtime模块。Runtime模块管理运行环境,可用来获取当前运行环境的信息、与其他程序进行通讯等。一般用plus.runtime可获取运行环境管理对象。

属性:

  • version: 获取客户端的版本号
  • innerVersion: 获取客户端运行时环境的版本号
  • arguments: 获取第三方程序调用时传递给程序的参数
  • appid: 获取当前应用的APPID

方法: 

红色的方法可以直接调用第三方app。不过我们需要知道我们调用的第三方app的包名,因为在android系统会用到app的包名,而在ios系统中,就不会用到。直接看一下代码吧

// 调用第三方程序
function launchTest() {
    if ( plus.os.name == "Android" ) {
        plus.runtime.launchApplication( {pname:"第三方app包名"
            ,extra:{url:"第三方提供的uri"}}, function ( e ) {
                alert( "Open system default browser failed: " + e.message );
        } );
    } else if ( plus.os.name == "iOS" ) {
        plus.runtime.launchApplication( {action:"第三方提供的uri"}, function ( e ) {
            alert( "Open system default browser failed: " + e.message );
        } );
    }
}

 

 

以上是关于如何在app里利用js调取手机第三方地图--以高德地图和百度地图为例的主要内容,如果未能解决你的问题,请参考以下文章

krpano高德地图导航插件(源码+介绍+预览)

ReactNative 调用手机地图(高德百度)导航 Android

微信小程序中导航功能如何跳转到高德地图手机app

如何在H5页面里调用手机导航?

高德地图如何做地点标注?

高德地图驾车路线规划怎么自己绘制线路