mui H5+plus 调用第三方地图导航(百度、高德、腾讯),包含Android和iOS端

var lng = opt.lng;  //目标经度
var lat = opt.lat;  //目标纬度
//把百度坐标系bd09转国测局坐标系wgs84
var sopt = coordtransform.bd09towgs84(lng, lat);
//经测试腾讯地图必须使用火星坐标系gcj02,顾单独转换
var coordQQ = coordtransform.bd09togcj02(lng, lat);
//如果还知道其他地图的包名,也可以放这个数组里
var mapsPackageNames = ['com.baidu.BaiduMap', 'com.autonavi.minimap', 'com.tencent.map'];
//iOS与Android的判断第三方程序不一样,Android是包名,iOS是action属性(Scheme)
var iosURLTypes = ['baidumap://', 'iosamap://', 'qqmap://'];
if(plus.os.name == "iOS"){mapsPackageNames = iosURLTypes};
app.base.operationAfterCheckInstall(mapsPackageNames, function(res) { //res(object)
    // alert(JSON.stringify(res))
    var m=0,gotoUrl="";//m:记录本机地图app个数,gotoUrl:记录实际直接跳转地址
    var btnArray = []; //实际显示按钮数组
    var btnTitle = ["使用百度地图导航","使用高德地图导航","使用腾讯地图导航"];
    var urlArray = []; //实际显示跳转地址数组
    //百度api文档:http://lbsyun.baidu.com/index.php?title=uri/api/android
    //高德api文档:https://lbs.amap.com/api/amap-mobile/guide/ios/route
    //腾讯api文档:https://lbs.qq.com/webApi/uriV1/uriGuide/uriMobileRoute
    var andrUrl = [
        "baidumap://map/direction?origin=&destination="+sopt[1]+","+sopt[0]+"&coord_type=wgs84&mode=driving&src=andr.baidu.openAPIdemo",
        "amapuri://route/plan/?slat=&slon=&dlat="+sopt[1]+"&dlon="+sopt[0]+"&dev=1&t=0",
        "qqmap://map/routeplan?type=drive&fromcoord=CurrentLocation&tocoord="+coordQQ[1]+","+coordQQ[0]+"&referer=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"
    ]
    var iosUrl = [
        "baidumap://map/direction?origin=&destination="+sopt[1]+","+sopt[0]+"&coord_type=wgs84&mode=driving&src=ios.baidu.openAPIdemo",
        "iosamap://path?sourceApplication=applicationNameslat=&slon=&dlat="+sopt[1]+"&dlon="+sopt[0]+"&dev=1&t=0",
        "qqmap://map/routeplan?type=drive&fromcoord=CurrentLocation&tocoord="+coordQQ[1]+","+coordQQ[0]+"&referer=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"
    ]
    //根据手机型号确定跳转数组var 
    if(plus.os.name == "iOS"){
        urlArray = iosUrl;
    }else{
        urlArray = andrUrl;
    }
    var gotoUrlArr = [];
    for(k in res){
        if(res[k]){
            m++;
            gotoUrl = urlArray[k];
            btnArray.push({
                title: btnTitle[k]
            })
            gotoUrlArr.push(urlArray[k])
        }
    }
    //当只有一个地图APP时,直接跳转;不止一个时弹出原生选择框
    if(m > 1){
        plus.nativeUI.actionSheet( {
            title:"请选择地图",
            cancel:"取消",
            buttons:btnArray
        }, function(e){
            if(e.index > 0){ //=0:取消,1:百度,2:高德,3:腾讯
                plus.runtime.openURL(gotoUrlArr[e.index-1]);
            }
        } );
    }else{
        plus.runtime.openURL(gotoUrl);
    }
    // plus.maps.openSysMap(dst, name, src);//直接默认跳转第三方,无回调,已弃用
}, function() {
    alert("您未安装百度地图、高德地图、腾讯地图,请前往应用市场下载");
})



//传入包名,检查手机上是否安装了这个应用
function isInstall(packageName){
    try {
        if(plus.os.name == "iOS"){
            var UIApplication = plus.ios.importClass("UIApplication");  
            var NSURL = plus.ios.importClass("NSURL");  
            
            var app = UIApplication.sharedApplication();  
            var bdScheme = NSURL.URLWithString(packageName);  
            var install = app.canOpenURL(bdScheme);  
            
            plus.ios.deleteObject(bdScheme);  
            plus.ios.deleteObject(app);
            return install
        }else{
            var main = plus.android.runtimeMainActivity();
            var packageManager = main.getPackageManager();
            var PackageManager = plus.android.importClass(packageManager);
            var packageinfo = packageManager.getPackageInfo(packageName, PackageManager.GET_ACTIVITIES)
            if (packageinfo) {
                return true;
            } else {
                return false;
            }
        }
    } catch (e) {
        return false;
    }
}
//批量传入包名,检查一系列应用是否安装,如果有任意一个安装了,就执行success,否认执行fai
function operationAfterCheckInstall (mapsPackageNames, success, fail){
    var res = mapsPackageNames.map(function(item) {
        return app.base.isInstall(item);
    })
    if (eval(res.join("||"))) {
        success(res);
    } else {
        fail();
    }
}

最后coordtransform.js插件附在最后

/**
 * 作者:阿澡惜 (1401501016@qq.com).
 * 提供了百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
 * coordtransform.js
 */

//使用示例
//国测局坐标(火星坐标,比如高德地图在用),百度坐标,wgs84坐标(谷歌国外以及绝大部分国外在线地图使用的坐标)
//百度经纬度坐标转国测局坐标
// var bd09togcj02 = coordtransform.bd09togcj02(116.404, 39.915);
// //国测局坐标转百度经纬度坐标
// var gcj02tobd09 = coordtransform.gcj02tobd09(116.404, 39.915);
// //wgs84转国测局坐标
// var wgs84togcj02 = coordtransform.wgs84togcj02(116.404, 39.915);
// //国测局坐标转wgs84坐标
// var gcj02towgs84 = coordtransform.gcj02towgs84(116.404, 39.915);

// //百度经纬度坐标转wgs84坐标
// var bd09towgs84 = coordtransform.bd09towgs84(lng, lat);
// //wgs84坐标转百度经纬度坐标
// var wgs84tobd09 = coordtransform.wgs84tobd09(lng, lat);

// console.log(bd09togcj02);
// console.log(gcj02tobd09);
// console.log(wgs84togcj02);
// console.log(gcj02towgs84);
//result
//bd09togcj02:   [ 116.39762729119315, 39.90865673957631 ]
//gcj02tobd09:   [ 116.41036949371029, 39.92133699351021 ]
//wgs84togcj02:  [ 116.41024449916938, 39.91640428150164 ]
//gcj02towgs84:  [ 116.39775550083061, 39.91359571849836 ]

//UMD魔法代码
// if the module has no dependencies, the above pattern can be simplified to
(function (root, factory) {
    if (typeof define === 'function' && define.amd) {
        // AMD. Register as an anonymous module.
        define([], factory);
    } else if (typeof module === 'object' && module.exports) {
        // Node. Does not work with strict CommonJS, but
        // only CommonJS-like environments that support module.exports,
        // like Node.
        module.exports = factory();
    } else {
        // Browser globals (root is window)
        root.coordtransform = factory();
    }
}(this, function () {
    //定义一些常量
    var x_PI = 3.14159265358979324 * 3000.0 / 180.0;
    var PI = 3.1415926535897932384626;
    var a = 6378245.0;
    var ee = 0.00669342162296594323;
    /**
     * 百度坐标系 (BD-09) 与 火星坐标系 (GCJ-02)的转换
     * 即 百度 转 谷歌、高德
     * @param bd_lon
     * @param bd_lat
     * @returns {*[]}
     */
    var bd09togcj02 = function bd09togcj02(bd_lon, bd_lat) {
        var bd_lon = +bd_lon;
        var bd_lat = +bd_lat;
        var x = bd_lon - 0.0065;
        var y = bd_lat - 0.006;
        var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * x_PI);
        var theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * x_PI);
        var gg_lng = z * Math.cos(theta);
        var gg_lat = z * Math.sin(theta);
        return [gg_lng, gg_lat]
    };
 
    /**
     * 火星坐标系 (GCJ-02) 与百度坐标系 (BD-09) 的转换
     * 即谷歌、高德 转 百度
     * @param lng
     * @param lat
     * @returns {*[]}
     */
    var gcj02tobd09 = function gcj02tobd09(lng, lat) {
        var lat = +lat;
        var lng = +lng;
        var z = Math.sqrt(lng * lng + lat * lat) + 0.00002 * Math.sin(lat * x_PI);
        var theta = Math.atan2(lat, lng) + 0.000003 * Math.cos(lng * x_PI);
        var bd_lng = z * Math.cos(theta) + 0.0065;
        var bd_lat = z * Math.sin(theta) + 0.006;
        return [bd_lng, bd_lat]
    };
 
    /**
     * WGS84转GCj02
     * @param lng
     * @param lat
     * @returns {*[]}
     */
    var wgs84togcj02 = function wgs84togcj02(lng, lat) {
        var lat = +lat;
        var lng = +lng;
        if (out_of_china(lng, lat)) {
            return [lng, lat]
        } else {
            var dlat = transformlat(lng - 105.0, lat - 35.0);
            var dlng = transformlng(lng - 105.0, lat - 35.0);
            var radlat = lat / 180.0 * PI;
            var magic = Math.sin(radlat);
            magic = 1 - ee * magic * magic;
            var sqrtmagic = Math.sqrt(magic);
            dlat = (dlat * 180.0) / ((a * (1 - ee)) / (magic * sqrtmagic) * PI);
            dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * PI);
            var mglat = lat + dlat;
            var mglng = lng + dlng;
            return [mglng, mglat]
        }
    };
 
    /**
     * GCJ02 转换为 WGS84
     * @param lng
     * @param lat
     * @returns {*[]}
     */
    var gcj02towgs84 = function gcj02towgs84(lng, lat) {
        var lat = +lat;
        var lng = +lng;
        if (out_of_china(lng, lat)) {
            return [lng, lat]
        } else {
            var dlat = transformlat(lng - 105.0, lat - 35.0);
            var dlng = transformlng(lng - 105.0, lat - 35.0);
            var radlat = lat / 180.0 * PI;
            var magic = Math.sin(radlat);
            magic = 1 - ee * magic * magic;
            var sqrtmagic = Math.sqrt(magic);
            dlat = (dlat * 180.0) / ((a * (1 - ee)) / (magic * sqrtmagic) * PI);
            dlng = (dlng * 180.0) / (a / sqrtmagic * Math.cos(radlat) * PI);
            var mglat = lat + dlat;
            var mglng = lng + dlng;
            return [lng * 2 - mglng, lat * 2 - mglat]
        }
    };
    
    /**
     * 百度坐标系 (BD-09) 转换为 WGS84
     * @param lng
     * @param lat
     * @returns {*[]}
     */
    var bd09towgs84 = function bd09towgs84(bd_lon, bd_lat){
        //百度经纬度坐标转国测局坐标
        var bd09togcj02_arr = coordtransform.bd09togcj02(bd_lon, bd_lat);
        //国测局坐标转wgs84坐标
        var gcj02towgs84_arr = coordtransform.gcj02towgs84(bd09togcj02_arr[0], bd09togcj02_arr[1]);
        return [gcj02towgs84_arr[0], gcj02towgs84_arr[1]]
    };
    
    /**
     * WGS84 转换为 百度坐标系 (BD-09)
     * @param lng
     * @param lat
     * @returns {*[]}
     */
    var wgs84tobd09 = function wgs84tobd09(lng, lat){
        //wgs84转国测局坐标
        var wgs84togcj02_arr = coordtransform.wgs84togcj02(lng, lat);
        //国测局坐标转百度经纬度坐标
        var gcj02tobd09_arr = coordtransform.gcj02tobd09(wgs84togcj02_arr[0], wgs84togcj02_arr[1]);
        return [gcj02tobd09_arr[0], gcj02tobd09_arr[1]]
    };
 
    var transformlat = function transformlat(lng, lat) {
        var lat = +lat;
        var lng = +lng;
        var ret = -100.0 + 2.0 * lng + 3.0 * lat + 0.2 * lat * lat + 0.1 * lng * lat + 0.2 * Math.sqrt(Math.abs(lng));
        ret += (20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0 / 3.0;
        ret += (20.0 * Math.sin(lat * PI) + 40.0 * Math.sin(lat / 3.0 * PI)) * 2.0 / 3.0;
        ret += (160.0 * Math.sin(lat / 12.0 * PI) + 320 * Math.sin(lat * PI / 30.0)) * 2.0 / 3.0;
        return ret
    };
 
    var transformlng = function transformlng(lng, lat) {
        var lat = +lat;
        var lng = +lng;
        var ret = 300.0 + lng + 2.0 * lat + 0.1 * lng * lng + 0.1 * lng * lat + 0.1 * Math.sqrt(Math.abs(lng));
        ret += (20.0 * Math.sin(6.0 * lng * PI) + 20.0 * Math.sin(2.0 * lng * PI)) * 2.0 / 3.0;
        ret += (20.0 * Math.sin(lng * PI) + 40.0 * Math.sin(lng / 3.0 * PI)) * 2.0 / 3.0;
        ret += (150.0 * Math.sin(lng / 12.0 * PI) + 300.0 * Math.sin(lng / 30.0 * PI)) * 2.0 / 3.0;
        return ret
    };
 
    /**
     * 判断是否在国内,不在国内则不做偏移
     * @param lng
     * @param lat
     * @returns {boolean}
     */
    var out_of_china = function out_of_china(lng, lat) {
        var lat = +lat;
        var lng = +lng;
        // 纬度3.86~53.55,经度73.66~135.05 
        return !(lng > 73.66 && lng < 135.05 && lat > 3.86 && lat < 53.55);
    };
 
    return {
        bd09togcj02: bd09togcj02,
        gcj02tobd09: gcj02tobd09,
        wgs84togcj02: wgs84togcj02,
        gcj02towgs84: gcj02towgs84,
        bd09towgs84: bd09towgs84,
        wgs84tobd09: wgs84tobd09
    }
}));
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,723评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,003评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,512评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,825评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,874评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,841评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,812评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,582评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,033评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,309评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,450评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,158评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,789评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,409评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,609评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,440评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,357评论 2 352

推荐阅读更多精彩内容