Link to iPhone map App from HTML page

Question

Is there a way to link to directions in the iPhone map app from a html page?

We're placing an add in an iPhone app which will link to a mobile page on our website - we'd like to add a directions link, thus far google searches have been unrevealing.

score 13 · Answer 1 · edited Mar 24 '19 at 14:36

13

A link to http://maps.google.com/maps will automatically open in the map application

You can set a destination address (daddr) and start address (saddr) in the link:

http://maps.google.com/maps?daddr=San+Francisco,+CA&saddr=cupertino

You can see some more options at:

https://developer.apple.com/library/archive/featuredarticles/iPhoneURLScheme_Reference/MapLinks/MapLinks.html

edited Mar 24 '19 at 14:36

Cœur

37,241
25
195
267

answered Jul 28 '11 at 23:19

fchasen

445
4
12

As per the latest version of the docs, this needs to be a link to http://maps.apple.com/ – Rob Dawson May 14 '14 at 05:56

score 6 · Accepted Answer · answered Jan 20 '12 at 19:21

6

Here is a javascript function that creates the link:

function mapLink(myAddress) {
    return 'http://maps.google.com/maps?q='+escape(myAddress);
}

This works great on the iPhone.

answered Jan 20 '12 at 19:21

goferteeth

76
1
1

1

In new versions of ios this needs to be a reference to maps.apple.com. something like: http://maps.apple.com/?q=cupertino – Rob Dawson May 14 '14 at 05:55
1

Which now redirects back to Google maps. – rm-vanda Dec 01 '14 at 19:20

score 4 · Answer 3 · answered Jul 27 '11 at 07:29

4

If you use the standard link that would display a map in the browser, it will automatically open in Google Maps on the device. That includes links that show directions.

answered Jul 27 '11 at 07:29

Kendall Helmstetter Gelner

74,769
26
128
150

score 2 · Answer 4 · answered Sep 17 '12 at 16:26

2

Use something like:

<a href='maps:daddr=<destination>&saddr=Current%20Location'>Directions</a>

where may be a lat/lon pair (separated by a comma) or a place. Ensure you URI encode the destination to ensure it works.

answered Sep 17 '12 at 16:26

greencustard

249
1
3

can you show an example with an actual address? I am trying to do this but the map application always returns back with an error? – Joseph Astrahan Nov 30 '13 at 23:56

Link to iPhone map App from HTML page

4 Answers4

Linked