Launch Google Maps app from ReactNative app
I would like on a button press to be able to redirect a user to the google maps application and to drop a PIN on specific coordinates in google map app. So the user should just need to press Start Routing / Navigate to the dropped pin.
I've tried several solutions like:
Building:
1) Linking.openURL(https://www.google.com/maps/search/?api=1&query=lat,long)
2) Using react-native-map-link and few others the similar.
Nothing works at the end. All of those solutions opens the GoogleMaps Application and point the screen exactly on the coordinates I've specified, but it does not place a pin on the map so the user can start the navigation.
Anyone have done it working so far?
Thanks!
google-maps react-native
asked Nov 25 '18 at 19:50
user3673948user3673948
3417
add a comment |
I would like on a button press to be able to redirect a user to the google maps application and to drop a PIN on specific coordinates in google map app. So the user should just need to press Start Routing / Navigate to the dropped pin.
I've tried several solutions like:
Building:
1) Linking.openURL(https://www.google.com/maps/search/?api=1&query=lat,long)
2) Using react-native-map-link and few others the similar.
Nothing works at the end. All of those solutions opens the GoogleMaps Application and point the screen exactly on the coordinates I've specified, but it does not place a pin on the map so the user can start the navigation.
Anyone have done it working so far?
Thanks!
google-maps react-native
asked Nov 25 '18 at 19:50
user3673948user3673948
3417
Open a Google maps app in navigation mode as specified in the documentation: developers.google.com/maps/documentation/urls/…
– xomena
Nov 25 '18 at 23:25
@xomena it does not work. It opens google maps app and centers the screen in the right place, but no PIN has been placed. When i open the same link in the browser works perfect, but opened from react-native app it does not.
– user3673948
Nov 26 '18 at 18:03
add a comment |
I would like on a button press to be able to redirect a user to the google maps application and to drop a PIN on specific coordinates in google map app. So the user should just need to press Start Routing / Navigate to the dropped pin.
I've tried several solutions like:
Building:
1) Linking.openURL(https://www.google.com/maps/search/?api=1&query=lat,long)
2) Using react-native-map-link and few others the similar.
Nothing works at the end. All of those solutions opens the GoogleMaps Application and point the screen exactly on the coordinates I've specified, but it does not place a pin on the map so the user can start the navigation.
Anyone have done it working so far?
Thanks!
google-maps react-native
asked Nov 25 '18 at 19:50
user3673948user3673948
3417
I would like on a button press to be able to redirect a user to the google maps application and to drop a PIN on specific coordinates in google map app. So the user should just need to press Start Routing / Navigate to the dropped pin.
I've tried several solutions like:
Building:
1) Linking.openURL(https://www.google.com/maps/search/?api=1&query=lat,long)
2) Using react-native-map-link and few others the similar.
Nothing works at the end. All of those solutions opens the GoogleMaps Application and point the screen exactly on the coordinates I've specified, but it does not place a pin on the map so the user can start the navigation.
Anyone have done it working so far?
Thanks!
google-maps react-native
google-maps react-native
asked Nov 25 '18 at 19:50
user3673948user3673948
3417
asked Nov 25 '18 at 19:50
user3673948user3673948
3417
asked Nov 25 '18 at 19:50
user3673948user3673948
3417
asked Nov 25 '18 at 19:50
user3673948user3673948
3417
asked Nov 25 '18 at 19:50
user3673948user3673948
3417
3417
Open a Google maps app in navigation mode as specified in the documentation: developers.google.com/maps/documentation/urls/…
– xomena
Nov 25 '18 at 23:25
@xomena it does not work. It opens google maps app and centers the screen in the right place, but no PIN has been placed. When i open the same link in the browser works perfect, but opened from react-native app it does not.
– user3673948
Nov 26 '18 at 18:03
add a comment |
Open a Google maps app in navigation mode as specified in the documentation: developers.google.com/maps/documentation/urls/…
– xomena
Nov 25 '18 at 23:25
@xomena it does not work. It opens google maps app and centers the screen in the right place, but no PIN has been placed. When i open the same link in the browser works perfect, but opened from react-native app it does not.
– user3673948
Nov 26 '18 at 18:03
Open a Google maps app in navigation mode as specified in the documentation: developers.google.com/maps/documentation/urls/…
– xomena
Nov 25 '18 at 23:25
Open a Google maps app in navigation mode as specified in the documentation: developers.google.com/maps/documentation/urls/…
– xomena
Nov 25 '18 at 23:25
@xomena it does not work. It opens google maps app and centers the screen in the right place, but no PIN has been placed. When i open the same link in the browser works perfect, but opened from react-native app it does not.
– user3673948
Nov 26 '18 at 18:03
@xomena it does not work. It opens google maps app and centers the screen in the right place, but no PIN has been placed. When i open the same link in the browser works perfect, but opened from react-native app it does not.
– user3673948
Nov 26 '18 at 18:03
add a comment |
1 Answer
1
active
oldest
votes
As some have specified, you'll need to use the directions format of the URL scheme provided by Google:
https://www.google.com/maps/dir/?api=1&destination=lat,long&dir_action=navigate
Without an origin parameter, Google Maps will default to users current location, also you'll want to add a dir_action to force directions.
I've abstracted a lot of this functionality to support the lowest common denominator between Apple maps and Google maps in a small lib called react-native-open-maps, hopefully, that may help.
answered Feb 22 at 22:58
Brandon R HimBrandon R Him
1014
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53471264%2flaunch-google-maps-app-from-reactnative-app%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
As some have specified, you'll need to use the directions format of the URL scheme provided by Google:
https://www.google.com/maps/dir/?api=1&destination=lat,long&dir_action=navigate
Without an origin parameter, Google Maps will default to users current location, also you'll want to add a dir_action to force directions.
I've abstracted a lot of this functionality to support the lowest common denominator between Apple maps and Google maps in a small lib called react-native-open-maps, hopefully, that may help.
answered Feb 22 at 22:58
Brandon R HimBrandon R Him
1014
add a comment |
As some have specified, you'll need to use the directions format of the URL scheme provided by Google:
https://www.google.com/maps/dir/?api=1&destination=lat,long&dir_action=navigate
Without an origin parameter, Google Maps will default to users current location, also you'll want to add a dir_action to force directions.
I've abstracted a lot of this functionality to support the lowest common denominator between Apple maps and Google maps in a small lib called react-native-open-maps, hopefully, that may help.
answered Feb 22 at 22:58
Brandon R HimBrandon R Him
1014
add a comment |
As some have specified, you'll need to use the directions format of the URL scheme provided by Google:
https://www.google.com/maps/dir/?api=1&destination=lat,long&dir_action=navigate
Without an origin parameter, Google Maps will default to users current location, also you'll want to add a dir_action to force directions.
I've abstracted a lot of this functionality to support the lowest common denominator between Apple maps and Google maps in a small lib called react-native-open-maps, hopefully, that may help.
answered Feb 22 at 22:58
Brandon R HimBrandon R Him
1014
As some have specified, you'll need to use the directions format of the URL scheme provided by Google:
https://www.google.com/maps/dir/?api=1&destination=lat,long&dir_action=navigate
Without an origin parameter, Google Maps will default to users current location, also you'll want to add a dir_action to force directions.
I've abstracted a lot of this functionality to support the lowest common denominator between Apple maps and Google maps in a small lib called react-native-open-maps, hopefully, that may help.
answered Feb 22 at 22:58
Brandon R HimBrandon R Him
1014
answered Feb 22 at 22:58
Brandon R HimBrandon R Him
1014
answered Feb 22 at 22:58
Brandon R HimBrandon R Him
1014
answered Feb 22 at 22:58
Brandon R HimBrandon R Him
1014
1014
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53471264%2flaunch-google-maps-app-from-reactnative-app%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Open a Google maps app in navigation mode as specified in the documentation: developers.google.com/maps/documentation/urls/…
– xomena
Nov 25 '18 at 23:25
@xomena it does not work. It opens google maps app and centers the screen in the right place, but no PIN has been placed. When i open the same link in the browser works perfect, but opened from react-native app it does not.
– user3673948
Nov 26 '18 at 18:03