Make an address a clickable link to open native map application on phone?

[roattw]

I have a directory table with an address field.  Have Address, City, State and Zip, but also have a calculated filed combining address+city+state+zip into one address string.   Able to convert that field to a clickable link that would open the users native map app on thier phone? 

 

I have seen the material at: 

https://howto.caspio.com/tech-tips-and-articles/google-map-mashup-integration/

But that appears more for embedding maps.  Im just looking to have an address fire the users map app.

[kpcollier]

I previously did something sort of like this but it was only with Google Maps. You might be able to mess around with it to open with the native maps app. In all honesty, I don't think I've tried on an Apple device that didn't have Google Maps... it might just open it in the native app instead. Might be worth a test.

First, create an HTML Block where the clickable address will go

<p><div id="Location"></div></p>

Then in the footer:

<script>

$("#Location").html('<a target="_blank" rel="noopener noreferrer" href=" '+ 'https://www.google.com/maps/dir/?api=1&origin=&destination=' + '[@field:Address!]/' + '&dir_action=navigate' + '&travelmode=driving' + ' " >[@field:Address]</a>');

</script>

If the device has the Google Maps app, it will open it in the app. Otherwise it will open it in the browser.

Side note, I believe this starts navigation automatically. You can delete the  + '&dir_action=navigate' + '&travelmode=driving' + ' if you'd like.

[roattw]

Thanks for the reply.  I couldnt get that one to fire.  Kept showing the text of the htrml, not an actual link. Probably a typo or format issue.    Your post got me going in the right direction though, as I didnt want any script as it might mess with my responsive design setting.

I created a new formula field in table called "Google_address" using:

'https://www.google.com/maps/search/?api=1&query='+[@field:Address]+','+[@field:City]+','+[@field:State]+','+[@field:Zipcode]+'&dir_action=navigate' + '&travelmode=driving'

Then in data page just pulled it in via an HTM block using:

<a href="[@field:Google_address!]">[@field:Full_address]</a>

[@field:Full_address] was just  table fieldI already had in place that concatinated the address, city, state, zipcode.  So in the end I could have it look like this: