ionic项目中使用cordova插件跳转第三方地图APP（百度、高德）

最新推荐文章于 2025-05-30 14:43:40 发布
置顶 最新推荐文章于 2025-05-30 14:43:40 发布
阅读量6.2k 收藏 5
点赞数 2
CC 4.0 BY-SA版权
分类专栏： ionic项目 文章标签： ionic第三方APP使用 ionic地图导航 webAPP地图导航
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/padding_scater/article/details/78997220
本文介绍了如何在Ionic项目中利用cordova插件实现跳转到第三方地图应用（如百度、高德）进行地图导航。首先需要安装特定的cordova插件，并在config.xml中进行配置。接着，通过代码判断设备类型来调用对应的地图API，从而在iOS和Android平台上实现地图导航功能。

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

最近公司项目需要使用到地图导航（当然你可以使用到地图APP的其他功能），没有合适的导航插件，只能选择跳转第三方完成此功能，所使用插件是cordova封装插件。

第一步，需要安装的cordova插件：

cordova-plugin-device pl
最低0.47元/天 解锁文章

200万优质内容无限畅学
Cordova插件之跳转第三方app
diwj的专栏
12-05 7389
created by diwj on 20171205第一步：安装Cordova插件 cordova plugin add https://github.com/lampaa/com.lampa.startapp.git //非cordova官方插件，打开第三方app cordova plugin add cordova-plugin-appavailability --save//检测第三方ap
如何在Ionic3中调起第三方地图APP（百度，高德，腾讯）
liujiawei00的博客
12-10 1120
大家有没有碰到需要在Ionic里面打开第三方地图软件，来使用导航或者其他使用其他的地图功能呢？ 通过使用uri scheme的方式调起第三方应用是现在web调原生应用采用的主要方法（第三方应用须支持URI Scheme），至于具体的Scheme如何使用，需要到第三方应用的文档查看，每一家都不相同。 我们可以使用Cordova原生插件AppAvailability来通过URI Scheme检查应...
ionic+cordova项目打开外部地图（高德+百度）
qq_37302082的博客
11-19 1587
首先是两个打开外部地图App用到的插件 检查用户设备上是否已安装指定的 APP： ionic cordova plugin add cordova-plugin-appavailability npm install --save @ionic-native/app-availability 检查或启动第三方 APP： cordova plugin add https://gith...
Ionic v4.3.0：跨平台移动应用开发的终极框架
最新发布
weixin_42513209的博客
05-30 1015
Ionic 是一个开源的HTML5移动应用开发框架，用于构建跨平台的移动应用。它采用AngularJS作为基础，结合现代Web开发技术，如HTML5、CSS3和Sass，致力于为用户提供原生应用的体验。Ionic v4.3.0版本继续扩展了其跨平台能力，优化了性能，并且在组件库、Web Components、PWA（渐进式Web应用）等方面提供了丰富的支持。随着技术的迭代，Ionic 不断提升其框架的易用性，开发者的编码效率和应用的运行效率也得到了显著提高。
ionic使用cordova插件跳转第三方APP
好女绪的博客
04-29 2863
ionic使用cordova插件跳转第三方APP 参考自： ionic开发——检测是否安装某APP，如果安装打开该APP ionic项目中使用cordova插件跳转第三方地图APP（百度、高德） 第一步，安装cordova插件 cordova plugin add https://github.com/lampaa/com.lampa.startapp.git //打开第三方APP c...
ionic3 打开高德地图
qq_33382332的博客
01-16 823
index中引入： script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=97e1c429289e7df00bcf7a913007695b">script> html中 click = openGaodeMap() ts： longitude;// 经度 latitude;//
高德地图在Ionic2+AngularJS2中的集成与基础操作指南
这个项目名称可能暗示了项目包含高德地图集成的基础代码，开发者可以从这个仓库中获取实现高德地图功能的示例代码和相关配置。 ### 综合知识点解析 在开发使用高德地图的跨平台移动应用时，开发者会利用Ionic2框架...
Android-ioniccordova导航插件URI方式调用高德和百度APP支持Android和ios
08-13
ionic cordova 导航插件，URI方式调用高德和百度APP，支持Android和ios
ionic3 应用内打开第三方地图导航 百度 高德
weixin_30475039的博客
09-28 542
1.安装检测第三方APP是否存在的插件 cordova plugin add cordova-plugin-appavailability --save npm install --save @ionic-native/app-availability 这个可以根据项目的版本兼容性选择安装固定的版本号 我安装的是@3.4.2 在页面...
ionic 高德地图
warrah 南极狼
08-21 1574
定义一个高德地图的service，里面包含了ip定位到城市，另外一个地址搜索。 IP：http://restapi.amap.com/v3/ip PLACE：http://restapi.amap.com/v3/place/text 这个key是从高德地图中注册的。/** * Created by dzm on 2016/7/10. * 高德地图API */ services.servi
ionic3实现百度地图、高德、google的代码
07-31
这个是供ionic开发人员参考的ionic集成百度地图的代码demo，直接下载在本地运行即可看到效果
百度地图定位Cordova插件cordova-plugin-baidumaplocation.zip
07-19
百度地图定位Cordova插件，支持Android，IOS 可以在此地址查看example 基于百度地图Android版定位SDK（v7.1）以及百度地图IOS SDK （v3.2.1） 一，申请Android及IOS版密钥 申请密钥Android定位SDK 每一个AndroidManifest.xml 中的package属性 对应一个AK，不可混用 iOS SDK开发密钥 每一个Bundle Identifier 对应一个AK，不可混用 二，安装插件```` cordova plugin add cordova-plugin-baidumaplocation --variable ANDROID_KEY="" --variable IOS_KEY="" //此处的API_KEY_XX来自于第一步，直接替换，也可以最后跟 --save 参数，将插件信息保存到config.xml中 //如果只需要Android端或者IOS端，可以只填写一个相应的AK，但是都不填肯定不行 三，使用方法 // 进行定位 baidumap_location.getCurrentPosition(function (result) {     console.log(JSON.stringify(result, null, 4)); }, function (error) { }); 获得定位信息，返回JSON格式数据: {     "time": "2017-02-25 17:30:00",//获取时间     "latitude": 34.6666666,//纬度     "lontitude": 117.8888,//经度     "radius": 61.9999999,//半径     //--------Android 独享 begin     "locType": 161,//定位类型                                                 "locTypeDescription": "NetWork location successful!",//定位类型解释        "userIndoorState": 1,//是否室内                                          //--------Android 独享 end     //--------IOS 独享 begin     "title": "我的位置",//定位标注点标题信息     "subtitle": "我的位置",//定位标注点子标题信息     //--------IOS 独享 end } 具体字段内容请参照： Android版 BDLocation v7.1 IOS版 BMKUserLocation 如果Android版获取到的信息是： {     "locType": 505,     "locTypeDescription": "NetWork location failed because baidu location service check the key is unlegal, please check the key in AndroidManifest.xml !",     "latitude": 5e-324,     "lontitude": 5e-324,     "radius": 0,     "userIndoorState": -1,     "direction": -1 } 说明Key有问题，可以检查下生成的AndroidManifest.xml文件里面是否有如下信息                                                           如果没有，说明插件使用不当，尝试重新安装，如果有这些信息，说明Key与当前程序AndroidManifest.xml 中的package名不一致，请检查Key的申请信息是否正确 四，查看当前安装了哪些插件 cordova plugin ls 五，删除本插件 cordova plugin rm cordova-plugin-baidumaplocation 标签：cordova
cordova + vue 调用高德地图APP导航功能心得
qq_43017771的博客
05-31 2299
cordova安装配置 cordova-plugin-appavailability cordova-plugin-inappbrowser https://github.com/lampaa/com.lampa.startapp.git vue写法 function hasAndroidPackage() { // 存在对应APP var sApp...
ionic3 打开百度地图app
qq_33382332的博客
01-16 1800
添加插件：  cordova plugin add cordova-plugin-appavailability --save //检测是否存在第三方App config.xml 添加： index.html 中引入： script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&a
ionic3 跳转第三方地图并根据关键字搜索
weixin_33935505的博客
06-25 247
一、首先引入用到的3个插件1.检查app是否存在：$ ionic cordova plugin add cordova-plugin-appavailability $ npm install --save @ionic-native/app-availability 复制代码import { AppAvailability } from '@ionic-native/app-availabili...
cordova调用第三方应用
kangkang_style的博客
10-23 2398
cordova 帮助webapp 达到调用原生系统的功能 项目需求：在项目中调用系统中含有的第三方地图应用 需求其实分为两步：       1. 查找本地地图应用       2.成功调起本地应用 首先需要安装两个插件，安装指令如下：       1. cordova plugin add cordova-plugin-appavailability --save       2. ...
cordova启动已安装的地图APP导航
Bella的博客
03-14 3820
需要安装的插件： cordova plugin add https://github.com/lampaa/com.lampa.startapp.git //通过URI接口打开第三方APP并跳转到该uri cordova plugin add cordova-plugin-appavailability --save //检测是否安装第三方App 通过APP包名检测地图APP是否安装 ap...
【亲测免费】 Cordova百度地图定位插件使用教程
gitblog_00394的博客
08-16 547
Cordova百度地图定位插件使用教程 项目介绍 cordova-plugin-baidumaplocation 是一个基于 Apache Cordova 框架开发的插件，旨在为混合移动应用提供百度地图的定位服务。该插件支持 Android 和 iOS 平台，并且兼容 Ionic 1.x 和 2.x 版本。通过集成此插件，开发者可以轻松地在应用中实现地理位置的获取和处理。 项目快速启动 安装插件 ...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值