How to launch Google Maps on iPhone via web link?

Question

I am building a site that will have address links as well as image of a map - both of which have a link to Google Maps.

The problem is that when I click on these links using my iPhone - or any address link that shows up in an email, the result is that either the native Apple Maps app opens or the Google Maps in the browser. I want for the native Google Maps app to open every time, and ideally for every user (whose iPhone I have no control of).

If I use the Chrome app for iPhone, then there's a little trick to do this: http://www.redmondpie.com/how-to-set-google-maps-for-iphone-default-app-for-opening-map-links/

But the reality is that the trick above will not open the Google Maps app. It will open the web version of Google Maps inside the Chrome app. Then an icon shows up at the bottom asking if you want to open the native app instead. This is better than nothing, but far from ideal. I appreciate any help. Thank you. BTW, I'd like to do this without jailbreaking the iPhone - I'm looking for a solution that will work with other people's iPhones.

Solution 1

You can use apple's interface which is a bit more intelligent when using different browsers and devices:

http://maps.apple.com/?q=51.507269,-0.127695

Clicking the above url on the following devices:

iPhone|iPad: Opens Apple maps app

Android: Gives you a choice to open in either Google Maps App or Google maps website

Windows Phone: Opens Google maps mobile website

Windows 8 Desktop: Opens Google maps website

Apple OS Desktop: Opens the new maps app (Mavericks)!!

For more info see: Apple URL Scheme Reference

Solution 2

To open Google native app you need to write:

[[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:@"comgooglemaps://"]];

Example :

comgooglemaps://?q=Pizza&center=37.759748,-122.427135

Solution 3

I just tested this and it worked in pulling up Google Maps instead of the default Apple Maps application.

<a href="comgooglemaps://?center=40.765819,-73.975866&zoom=14&views=traffic">Testing Maps</a>

However, after deleting the Google Maps app for iOS, the link fails to open anything because that schema is no longer available and doesn't fallback to a generic maps link... almost seems like you would need to provide two links for Google Maps for iPhone and another generic Apple Map link...

Solution 4

Take a look at this.

It works on every device (for ios / android, it will launch google maps app else browser).

For other devices, it will launch browser.

Simple use case would be:

1. Construct universal map URI (with encoded params)

2. Use this URL like -

   window.open(mapUrl, '_system');

More info for window.open here

My use case required to open existing in app map navigation into some another dedicated maps app (preferably google maps app) for ios and android devices.

I use ionic v1 + cordova for building native apps. Not sure if this is perfect for your use case but hope this helps.

View more solutions