react-native调起第三方高德地图导航URL解释

最新推荐文章于 2024-05-30 14:06:11 发布
最新推荐文章于 2024-05-30 14:06:11 发布
阅读量3.6k 收藏 2
点赞数
分类专栏： react-native 地图-开发 文章标签： 导航 高德地图 react-native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huhao0829/article/details/78782880
版权

react-native调起第三方高德地图导航URL解释

做react-native地图应用时，主要使用的是高德地图，所以在导航上也准备调起高德地图应用来完成导航功能，在高德地图API官网并没有发现高德地图应用的URL（这里就不得不说高德文档没有百度写的详细了），于是通过种种途径获取到了高德地图的URL，介绍一下

1. 高德地图导航URL

sourceApplication:你自己应用的名字，可不填
slat：起点的latitude
slon：起点的longitude
sname：起点名
dlat：终点的latitude
dlon：终点的longitude
dname：终点名
其他几个参数目前我这样写是满足我的需求的。

androidamap://route?sourceApplication=TCSP&sid=BGVIS1&slat=39.98871&slon=116.43234&sname=对外经贸大学&did=BGVIS2&dlat=40.055878&dlon=116.307854&dname=北京&dev=
最低0.47元/天 解锁文章
zust_hh
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react 逆地理 高德地图_React Native 接入高德地图以及定位能力（一）
weixin_33606346的博客
01-17 506
开始接入第三方能力的常规操作，到高德开放平台注册账号，创建应用，为对应的平台(Android/IOS/Web)创建不同的keyimage.png接入地图SDK地图组件东西比较多，暂时用不到，这里主要讲定位模块。接入方式很简单就不再阐述了；image.png图中信息是定位能拿到的信息，但也存在一些问题需要注意：问题一：免费版定位有使用限制image.png问题###### 二：一般我们需要的主要信息...
react-native-amap3d：react-native高德地图组件，使用最新的3D SDK，支持Android + iOS
02-05
react-native高德地图组件，使用最新的3D SDK，支持Android + iOS，受启发，提供功能丰富且易用的接口。 相关项目推荐： 关联文档： : 功能 地图模式切换（常规，卫星，导航，夜间） 3D建筑，路况，室内地图 内置...
URL调用高德地图导航
hiro_1015的博客
07-04 9423
http://uri.amap.com/navigation?from=" + fromLongitude + "," + fromLatitude + "&to="+ longitude + "," + latitude + "&mode=car&src=nyx_super; fromLongitude ,fromLatitude : 起始点经纬度 longitud...
高德谷歌腾讯天地图地图瓦片url
最新发布
州仔
05-30 609
高德谷歌腾讯天地图地图瓦片url
iOS 调起地图App进行导航（百度，高德，系统自带高德）URL API方式
ruglcc's blog
07-25 1万+
在开发中需要用到地图。有两种方法，一种是导入地图 （百度，高德）地图 SDK，一种是使用调起 客户端。 但是需要用到一些高级功能的时候，如果使用 SDK 开发，就是一件折磨人的事情。 SDK 还是不如直接使用他们原生的 APP 来的好！ 以我在开发中使用导航功能为例，我就没有使用 SDK 进行开发，而是直接调用 （百度，高德，系统自带高德）APP。这样还给了客户多重选择。更加减少了引入
几个地图（高德、百度、Apple、Google）URL API
热门推荐
cooldragon的专栏
03-06 2万+
1、高德地图 示例（iOS）： iosamap://navi?sourceApplication=applicationName&backScheme=applicationScheme&poiname=fangheng&poiid=BGVIS&lat=36.547901&lon=104.258354&dev=1&style=2 详细官方接口说明： http://code.auto
腾讯、百度、高德、谷歌、天地图地图瓦片
qq_51424616的博客
11-17 4573
以下是各地图的瓦片地图地址，可以在QGIS中加载，也可以在openlayer或leaflet前端页面中加载。 腾讯、百度、高德，加上谷歌和天地图应该足够用了。 腾讯、高德是GCJ02坐标系，百度是BD09坐标系，谷歌、必应是WGS84坐标系，天地图是CGCS2000坐标系，瓦片地图都是平面墨卡托投影。WGS84和CGCS2000坐标系，近似认为它们相等就可以了。 高德路网： https://wprd01.is.autonavi.com/appmaptile?x={x}&y={y}&z=.
前端使用高德地图url实现地图定位
grand_brol的博客
01-18 5439
前言 最近公司需要实现类似下面链接，地图定位功能 https://mobile.zhidianfan.com/yiding/web-share.html?batchNo=pc202201110068074&businessId=4080 通过在高德地图一番寻找发现 可以通过使用一个url直接实现，不要ak 链接 https://uri.amap.com/marker?position=经纬度&name=名称 实例 https://uri.amap.com/marker?position=1
reactnative调用第三方地图插件进行导航兼容android和ios
08-10
总结，`react-native-map-linking`库提供了一种简单的方式来集成React Native应用与多种第三方地图应用，包括高德地图、百度地图、腾讯地图和Apple地图。通过适当的配置和调用，开发者可以为用户提供无缝的导航体验...
react-native-rename：仅用一个命令即可重命名react-native应用
01-30
react-native-rename 只需一个命令即可重命名react-native应用 该软件包假定您使用react-native init创建了react-native项目。 注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 ...
react-native 好用的第三方组件1
08-08
在示例代码中，我们看到了如何使用`react-native-navbar`创建一个导航栏，并将其与组件和navigator对象结合起来。 以上四个组件都是React Native生态中非常实用的工具，它们扩展了React Native的基础功能，使得...
react-native-iap：应用内购买的react-native本机模块
02-03
最近， react-native-iap模块维护得不好。 我们正在考虑再次参与并使模块更健康。 请参考并与我们分享您或您的组织如何使用它。 新年快乐 :party_popper: 介绍 此本地React模块将帮助您在Android ， iOS平台和Amazon...
调起地图（高德、百度、Apple、Google）URL API
iotjin的专栏
11-28 3634
原文链接：https://blog.csdn.net/cooldragon/article/details/20642131 移动应用中，如何在自己的App中调起第三方的原生地图App，并显示相关的信息，如显示指定的一个坐标位置，显示一个起点到终点的路线查询，等等。 目前几个主要的地图商都提供了自己的App通过URL调用的形式，以下是本人稍微汇总了一下的内容，以备查询。 1、高德地图 示例（iOS...
打开高德地图app
qq_60607143的博客
03-15 1139
let current_longitude = this.longitude //当前经度。let shop_address = item.stationname //目的地地址。let current_latitude = this.latitude //当前纬度。let shop_latitude = item.latitude //目的地纬度。et shop_longtude = item.longitude //目的地经度。//将功能Scheme以URI的方式传入。
高德地图地址经纬度转化 URL
huojiahui22的博客
06-01 5179
//======================高德地址转化经纬度================================ $url="http://restapi.amap.com/v3/geocode/geo?key=24093759557484a89e27d5cd3443b388&address=北京市海淀区上地三街金隅嘉华大厦"; $arr=file_get_cont
调用高德逆地理接口_高德LBS中URL实现地理编码/逆地理编码
weixin_39822493的博客
12-21 300
最近在做LBS应用，其中用到了高德的LBS技术，需要URL形式实现地理编码/逆地理编码，官网提供了JS SDK，Android SDK和iOS SDK，就是在网上找到的资料都不全面项目完毕后，这里为大家整理出一份完整的高德LBS URL地理编码/逆地理编码文档，希望能帮到大家：什么是地理编码/逆地理编码？地理编码又称地址匹配，指的是从已知的结构化地址描述(如：朝阳区阜通东大街 6 号)到对应的经...
android调用js地图导航,react-native调用第三方地图插件进行导航，兼容android和ios...
weixin_39938724的博客
05-26 196
English | 简体中文react-native-map-linkingGo to third-party Map App for navigation, Android mobile stand by Gaode Map and BaiDu Map and Tencent Map, IOS mobile stand by Gaode Map and BaiDu Map and Tencent...
Android调用高德地图直接导航的简单实例
孙先森的博客
08-05 8476
在学校最近做了一个小APP，简单来说就是保存地点，然后单击直接打开高德地图APP并从当前所在地导航到保存的地点。因为是小型学习用的，所以保存地点采用了Android本地数据库进行数据保存。废话不多，直接开始。 首先，把要做的事情捋顺了。1.要保存当前地点必须要通过定位，定位的方式我选择的也是高德定位，因为个人觉得这个信号好。2.定位必须获得权限，定位的权限以及网络权限，因为通过高德定位需要网络。3...
HTML5唤起高德地图APP示例
TwoBE9876的博客
03-10 8668
HTML5唤起高德地图APP示例
react-native谷歌第三方登录
06-11
要在 React Native 中实现 Google 第三方登录，可以使用 `react-native-google-signin` 库。这个库提供了一个简单的方法来集成 Google 登录，同时也提供了一些方便的功能，比如自动刷新 access token。 以下是一些基本的步骤： 1. 在 Google 开发者控制台中创建一个项目，并启用 Google 登录 API。 2. 在项目中安装 `react-native-google-signin` 依赖库。 ``` npm install --save react-native-google-signin ``` 3. 在项目中配置 Google 登录客户端 ID。 ``` GoogleSignin.configure({ webClientId: 'YOUR_WEB_CLIENT_ID', }); ``` 4. 在应用中提供一个 Google 登录按钮，并在按钮按下时触发登录事件。 ``` import { GoogleSigninButton } from 'react-native-google-signin'; // ... <GoogleSigninButton style={{ width: 192, height: 48 }} size={GoogleSigninButton.Size.Wide} color={GoogleSigninButton.Color.Dark} onPress={this._signIn} disabled={this.state.isSigninInProgress} /> ``` 5. 在登录事件中调用 `signIn` 方法，并在登录成功后获取用户信息。 ``` async _signIn() { try { await GoogleSignin.hasPlayServices(); const userInfo = await GoogleSignin.signIn(); console.log(userInfo); } catch (error) { console.log(error); } } ``` 这些是实现 Google 第三方登录的基本步骤。你可以根据自己的需求进行更多的自定义。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值