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&m=0&t=2

2. RN代码

这个就比较简单了，直接打开你创建的rn项目中android目录，找到里面的androidManifest.xml,第二行中就是packagename

import React, { Component } from 'react';
import {AppRegistry,StyleSheet,Text,View,ScrollView,Button,Linking
} from 'react-native';
export default class LaunchImage extends Component {static navigationOptions = {title: 'Launch',    //设置navigator的title}constructor(props) {super(props);this.state = {url: 'androidamap://route?sid=BGVIS1&slat=39.98871&slon=116.43234&sname=对外经贸大学&did=BGVIS2&dlat=40.055878&dlon=116.307854&dname=北京&dev=0&m=0&t=2',}}render() {return (<View><ButtononPress={() => {Linking.canOpenURL(this.state.url).then(supported => {if (supported) {Linking.openURL(this.state.url);} else {console.log('无法打开该URI: ' + this.props.url);}})}}title="进入高德导航"/></View>);}
}

3. 开心使用

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

Android 起调第三方导航，百度地图，高德地图，腾讯地图。起调高德地图导航
主要工具类 /*** Created by meixi on 2018/6/29.* 使用第三方导航:高德.百度..........*/ public class AmapUtil {public s ...
React Native 集成分享第三方登录功能分享第三方登录模块开发(iOS)
期待已久的新课上线啦!解锁React Native开发新姿势,一网打尽React Native最新与最热技术,点我Get!!! 在我们常用的App中经常会看到分享与第三方登录的功能,可以说分享与第三方 ...
React Native 项目常用第三方组件汇总
React Native 项目常用第三方组件汇总 https://www.jianshu.com/p/d9cd9a868764?utm_campaign=maleskine&utm_conte ...
Flutter对接第三方高德地图+百度地图基础定位实现
Flutter对接第三方高德地图+百度地图基础定位实现原创:@As.Kai 博客地址:https://blog.csdn.net/qq_42362997 如果以下内容对您有帮助,点赞点赞点赞~ 高德 ...
react native 调用手机内置地图
GitHub:https://github.com/starlight36/react-native-map-linking Android: 高德地图百度地图 iOS: 高德地图百度地图苹果地 ...
调用苹果地图、百度地图、高德地图导航（不需要集成sdk）
最近在研究地图,所以就简单写了一个小 demo,给大家分享一下如何不集成SDK就能调用第三方地图app,这里只介绍苹果自带地图.百度地图和高德地图的调用!其中还简单介绍了app定位功能,希望能给初学的 ...
如何在React Native中使用react-navigation 5处理导航
React-navigation is the navigation library that comes to my mind when we talk about navigation in Re ...
高德地图导航和标注，通过调用高德APP实现呢
在调用高德地图APP提供坐标定位位置,若果是需要导航的话可以参考下面1,如果还想知道路线.周边.导航请调用标注来实现,标注包含导航功能. 1 导航(调用显示导航图) 一种是通过高德提供的SDK实现,另 ...
手机app调起百度高德地图
需求: 通过手机app显示地图,点击去导航调起高德.百度地图app: 找了其他大神的,但经纬度不准确问题困扰了好久,去地图开放平台查了下文档,完美解决~ methods: {// 方法要传入需要标注地 ...

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

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

1. 高德地图导航URL

2. RN代码

3. 开心使用

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

最新文章

热门文章