一直想系统的整理打开地图的方法，今天抽时间把了百度，高德，腾讯，苹果自带地图都整理出来了，闲话不多说，直接上干货

----------------------------------------------------------------------code start----------------------------------------------------------------------------------------------------

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>apicloud百度，高德，腾讯，苹果自带地图导航</title>
</head>
<body>
  <div>
    <button id="baidu">打开百度地图</button>
    <button id="gaode">打开高德地图</button>
    <button id="tencent">打开腾讯地图</button>
    <button id="apple">打开苹果地图</button>
  </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/jquery.min.js"></script>
<script type="text/javascript">
apiready = function(){
    //百度地图坐标
    var dname = "凤凰山";
    var lng = "113.857151";//经度
    var lat = "22.68097";//纬度

$("#baidu").click(function () {
        open_bmap(dname, lng, lat);
    })
    $("#gaode").click(function () {

var bd = bd_decrypt(lng, lat);
        open_amap(dname, bd.lng, bd.lat);
    })
    $("#tencent").click(function () {
        open_tmap(dname, lng, lat);
    })

if(api.systemType == "ios") {
        $("#apple").click(function () {
             var bd = bd_decrypt(lng, lat);
            open_pmap(dname, bd.lng, bd.lat);
        })
    }else{
      $("#apple").hide();
    }

}

//打开百度地图
function open_bmap(dname, lng, lat) {
    var uri = 'baidumap://map/direction?destination=name:'+dname+'|latlng:'+lat+','+lng+'&mode=driving&src=andr.cheyw';
    api.openApp({
        uri: uri,
        iosUrl: uri
        }, function(ret, err) {
            console.log(JSON.stringify(err))
            if(err.msg=="Application not installed" || err.msg=="未找到可执行的应用") {
                alert("请先安装百度地图");
            }
           });
}

//打开高德地图
function open_amap(dname, lng, lat) {
    var uri = 'amapuri://route/plan/?dlat='+lat+'&dlon='+lng+'&dname='+dname+'&dev=0&t=0';
    var iosUrl = 'iosamap://path?sourceApplication=cheyw&dlat='+lat+'&dlon='+lng+'&dname='+dname+'&dev=0&t=0';
    api.openApp({
        uri: uri,
        iosUrl: iosUrl
        }, function(ret, err) {
            console.log(JSON.stringify(err))
            if(err.msg=="Application not installed" || err.msg=="未找到可执行的应用") {
                alert("请先安装高德地图");
            }
           });
}

//打开腾讯地图
function open_tmap(dname, lng, lat) {
    var uri = 'qqmap://map/routeplan?type=drive&fromcoord=CurrentLocation&to='+dname+'&tocoord='+lat+','+lng+'&referer=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77';
    api.openApp({
        uri: uri,
        iosUrl: uri
        }, function(ret, err) {
            console.log(JSON.stringify(err))
            if(err.msg=="Application not installed" || err.msg=="未找到可执行的应用") {
                alert("请先安装腾讯地图");
            }
           });
}

//打开苹果地图
function open_pmap(dname, lng, lat) {
    var uri = 'http://maps.apple.com/?q='+dname+'&daddr='+lat+','+lng+'';
    api.openApp({
        uri: uri,
        iosUrl: uri
        }, function(ret, err) {
            console.log(JSON.stringify(ret))
            console.log(JSON.stringify(err))
           });
}

//百度坐标转高德（传入经度、纬度）
function bd_decrypt(bd_lng, bd_lat) {
    var X_PI = Math.PI * 3000.0 / 180.0;
    var x = bd_lng - 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 {lng: gg_lng, lat: gg_lat}
}
//高德坐标转百度（传入经度、纬度）
function bd_encrypt(gg_lng, gg_lat) {
    var X_PI = Math.PI * 3000.0 / 180.0;
    var x = gg_lng, y = gg_lat;
    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 bd_lng = z * Math.cos(theta) + 0.0065;
    var bd_lat = z * Math.sin(theta) + 0.006;
    return {bd_lat: bd_lat, bd_lng: bd_lng }
}
</script>
</html>

-----------------------------------------------------------------------------code end------------------------------------------------------------------------

特别注意：
1.高德地图IOS和android的uri是不一样的。
2.不要用api.appInstalled去判断是否安装应用，IOS9以上好像无法检测。
3.仔细看bd_decrypt，bd_encrypt两个方法，别写反。
4.腾讯地图的经纬度和百度的相同，苹果自带地图的经纬度和高德相同。

APICloud打开三方地图整合的更多相关文章

  1. uni-app路径规划(打开第三方地图实现)

    百度网盘链接:https://pan.baidu.com/s/1-Ys13GFcnKXB1wkJotcwMw 提取码:16gp 把js文件放在common目录下 引入:    import pathP ...

  2. Android 打开高德地图、百度地图进行导航；打开第三方App去导航；

    抽成工具类了,复制下来就能直接用了,直接看代码吧: 高德地图Url Api: http://lbs.amap.com/api/amap-mobile/guide/android/navigation ...

  3. PIE SDK打开网络地图数据

    1. 数据介绍 网络地图数据是在线地图服务发布出来的数据,其支持数据的网络查看和传输,极大的促进了GIS的发展. 目前PIE SDK支持百度地图.谷歌地图.高德地图.天地图.Bing地图.ArcGIS ...

  4. iOS打开百度地图、高德地图导航

    1.判断手机里是否已经安装了百度地图或者高德地图: BOOL hasBaiduMap = NO; BOOL hasGaodeMap = NO; if ([[UIApplication sharedAp ...

  5. 百度地图整合功能分享修正版[ZMap.js] 实例源码!

    ZMap 功能说明 ZMap 是学习百度地图 api 接口,开发基本功能后整的一个脚本类,本类方法功能大多使用 prototype 原型 实现: 包含的功能有:轨迹回放,圈画区域可编辑,判断几个坐标是 ...

  6. 微信jssdk获取当前位置，以及打开微信地图

    $(function() { var url = window.location.href; var userId = $("#userId").val(); // var ope ...

  7. ionic3 应用内打开第三方地图导航 百度 高德

    1.安装检测第三方APP是否存在的插件 cordova plugin add cordova-plugin-appavailability --save npm install --save @ion ...

  8. 【IOS实例小计】打开google地图－web

    -(void)openMaps:(id)sender{ NSString *addressText = @"1 Queen st, Auckland,NZ"; addressTex ...

  9. 二 、打开地图《苹果iOS实例编程入门教程》

    该app为应用的功能为给你的iPhone打开google地图有效地址连接 现版本 SDK 8.4 Xcode 运行Xcode 选择 Create a new Xcode project ->Si ...

随机推荐

  1. Educational Codeforces Round 7、

    A - Infinite Sequence 题意:有一种这样的无限序列数 1,1,2,1,2,3.....   (如果最大数n,那么就有从1到n的所有1到n的数): 思路:题意只给了1秒.直接模拟肯定 ...

  2. Linux创建用户、设置密码、修改用户、删除用户命令

    与大家分享下Linux系统中创建用户.设置密码.修改用户.删除用户的命令,希望对你有所帮助. useradd testuser  创建用户testuserpasswd testuser  给已创建的用 ...

  3. P1077 子串乘积正负分类

    题目描述 给你一个序列包含 \(n\) 个元素的序列 \(a_1, a_2, \dots , a_n\) (每个元素 \(a_i \ne 0\)). 你需要计算如下两个值: 有多少对数 \((l, r ...

  4. Spring Boot Admin-应用健康监控后台管理

    Spring Boot Admin 用于监控基于 Spring Boot 的应用,它是在 Spring Boot Actuator 的基础上提供简洁的可视化 WEB UI. 1. 什么是Spring ...

  5. 【2016常州一中夏令营Day6】

    小 W 算树[问题描述]山有苞棣,隰有树檖.未见君子,忧心如醉~小 W 养了一棵有 N 个点的无根树,由于小 M 最喜欢二叉树了,为了讨小 M 欢喜,小 W想知道有多少个点作为根后,这棵树是一棵二叉树 ...

  6. VIM 用正则表达式,非贪婪匹配,匹配竖杠,竖线, 匹配中文,中文正则,倒数第二列, 匹配任意一个字符 :

    VIM 用正则表达式 批量替换文本,多行删除,复制,移动 在VIM中 用正则表达式 批量替换文本,多行删除,复制,移动 :n1,n2 m n3     移动n1-n2行(包括n1,n2)到n3行之下: ...

  7. clickhouse创建视图SQL 错误 [47]: ClickHouse exception, code: 47

    使用clickhouse创建视图时报错 SQL 错误 [47]: ClickHouse exception, code: 47, host: localhost, port: 8123; Code: ...

  8. win7+oracle11，vmbox中winxp连接

    重启TNSLSNR  打开CMD,输入以下命令. lsnrctl stop lsnrctl start lsnrctl stat /////////////////////////////////// ...

  9. jsp页面出错 Cannot call sendRedirect() after the response has been committed

    sendRedirect()不能多次调用,检查下代码

  10. mysqldump主从复制

    一,主从复制条件 1,开启binlog功能2,主库建立同步账号3,从库配置master.info(change mast..)4,start slave复制开关知识点:####1,  3个线程,主库i ...