ionic3 打开百度地图app

最新推荐文章于 2021-03-10 09:55:51 发布

原创最新推荐文章于 2021-03-10 09:55:51 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在Cordova应用中集成百度地图服务。主要内容包括添加必要的Cordova插件、配置允许调用的百度地图链接、引入百度地图API以及实现点击打开百度地图的功能。通过这些步骤，可以实现在Cordova应用内直接跳转到百度地图进行导航。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

添加插件：

cordova plugin add cordova-plugin-appavailability --save //检测是否存在第三方App

config.xml 添加：

<allow-intent href="baidumap://*/*" />
<allow-intent href="bdapp://*/*" />

index.html 中引入：

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=gYgULa1jV7bufpSpfcDjeIxBrEWmhmhy"></script>

ts ：

declare let appAvailability: any;
declare var AMap;
declare var device;

// 百度地图   点击时打开
openBaiduMap() {
  appAvailability.check(
    'com.baidu.BaiduMap',
    function() {  // 已下载
      device.platform === 'iOS'?
        window.location.href = 'baidumap://map/direction?origin=latlng:116.291226,39.965221|name:世纪城&destination=latlng:39.9761,116.3282|name:钓点位置':
        window.location.href = 'bdapp://map/direction?&origin=latlng:116.291226,39.965221|name:世纪城&destination=latlng:39.9761,116.3282|name:钓点位置'
    },
    function() { // 未下载
      // 打开浏览器
      window.open(" http://api.map.baidu.com/direction?origin=latlng:34.264642646862,108.95108518068|name:当前位置&destination=latlng:39.9761,116.3282|name:钓点位置&mode=driving&region=西安&output=html&src=yourCompanyName|yourAppName");
    }
  );
}