Website button to open GPS navigation app using smartphones - javascript

I would like to add the button to website for smartphones to open location (latitude, longitude) as the target in GPS navigation app. I read that clicking the link to e.g.:
http://maps.apple.com/?q=48.6724821,19.696058
with Android/iOS opens the Google Maps App. However, there may not be installed Google Maps app on the smartphone but some alternative - Sygic, Waze, Mapfactor etc. Is it possible or does exist Javascript library to open the address with an available GPS Navigation app or do another GPS apps recognize the above link?

Google Maps URL Scheme:
A URL scheme allows you to launch a native iOS application from
another iOS app or a web application. You can set options in the URL
that will be passed to the launched application.
Reference:
https://developers.google.com/maps/documentation/ios/urlscheme
Example: Manhattan
iOS URL Scheme Reference
Reference: https://developer.apple.com/library/ios/featuredarticles/iPhoneURLScheme_Reference/MapLinks/MapLinks.html
Example: The White House
The important thing is that your link should always contain proper parameters or it will be opened in Safari instead.

You can try Waze Deep Links.
Link looks like this - waze://?ll=48.6724821,19.696058&navigate=yes
It will open waze on your smartphone (if installed) and navigate to coordinates.
You can read more here:
https://developers.google.com/waze/deeplinks

Related

Launch map app on mobile device with multiple destinations

I'm looking to launch the native map app on iOS, Android and Windows Phone devices with multiple destinations shown in the directions.
Sending basic directions works fine using Google and Apple maps daddr but from what I can there's no way to specify multiple destinations using the map link (example below).
https://www.google.com/maps?daddr=LAT,LONG
I've also tried using a URL to load the desktop version of Google maps (which asks if the user wants to open the app anyway) but multiple destinations doesn't seem to be supported with Apple maps. The code below does work on Android devices but not iOS and Window Phone.
https://www.google.co.uk/maps/dir/Current+Location/LAT,LONG,LAT,LONG
Is there any way to make this happen on iOS, Android and Window Phone devices?
Edit: I need to native map apps to launch as this seems to be the only way to show the navigation (sat-nav like) maps.
searched the web, looks like its not supported on iOS
http://www.macworld.com/article/2687984/how-to-create-multi-destination-map-routes-on-your-iphone.html

google maps turn-by-turn navigation

I writing a web app(html5 and angular) where I use google maps to create a route. If the user uses the web app via mobile phone I would like to open a native google map app to show the route turn-by-turn navigation. Is this possible?
Thank you
Edit: I can invoke a native with the following link right?
http://maps.google.com/maps?saddr=New+York&daddr=San+Francisco
Is it possible for me add waypoints in between?

How can I detect from JS running on IOS safari if waze or google maps exist on the device

For a mapping website I would like to provide navigation information by launching waze / gogle maps/native map in this order of priority.
Is there a way to automatically detect which app is available on the device, maybe by some kind of usage of their url schemes, or do I have to just show options to the user?

Facebook in-app browser not sharing location

i have a mobile friendly website which makes use of browser location to give nearby places of interest. Its working fine in all browser but when i try to load it from facebook app (Facebook app makes use of its own in app browser to open links ) it waits infinitely to take locations even though my phone's location in shared.
Can any one help in
How to get location from facebook in app browser.
or
How to by pass fb in app browser to open my link in a browser.
Thanks

Google map with geolocation and route info facility on a mobile website

What is the good way to add a google map with geolocation and route info facility for a mobile website which is for iphone and Android?
I want like when user will open the web page he will get the permission message to use his location and when he will permit the map will load on the page with user's location.
Here is the explanation of process https://cacoo.com/diagrams/rlKiNG7rezQOeTlC
You could always try out the jquery mobile google maps plugin. See the jQuery mobile examples.

Categories

Resources