Opening Google Maps APP from Map Marker on iOS and Android

[GeneralFlashBang]

Hi Support,

I’ve added google maps and the markers to my website no problems.

Is there a way to have the user open the google apps map to get directions, by clicking on the marker when they are on ios and android?

I’ve enabled:

• Directions Api
• Maps Embed Api
• Maps Javascript Api
• Maps SDK for Android
• Maps SDK for iOS

I appreciate this is possibly an api issue from the google console cloud, I was just wondering if there’s any extra code i need to add to the setup to enable this.

Thanks

[christian]

Hey Edward,

Regretfully, we don’t have such a feature right now. That would require custom development or even a highly customized map. With that said, you need to consult with a 3rd party developer to implement what you need.

Thank you for understanding.

[GeneralFlashBang]

Hi Christian,

Thanks for the reply. I just wanted to confirm what I’m looking for as I found an example on my sisters website. (I see the developers error also on her site so have messaged her to fix it.)

I want an info box to pop up above the marker with the address and a “View on google maps” link at the bottom.

When we put the maps api into her website the info box happened automatically and we don’t know what we did to achieve it. We didn’t enter any extra code.

Do you have any ideas?

Thanks

Eddie

[GeneralFlashBang]

Or I’ve just though of another quick fix solution if its not possible to add the info box to the marker on the map.

Here is a screen shot of the map I want to edit

On the right hand side underneath “Find Us”, “Call Us” and “Email Us” I could just add another text box with a link saying “Visit us on Google Maps”

What url or code would I need to put into the link box to get it to open the google maps app with my longitude and latitude coordinates?

Your help is much appreciated.

Eddie

[friech]

Hi Eddie,

You can use a standard link syntax (e.g. <a href="https://goo.gl/maps/Wdc3rHorLFBEnjfw9">Visit us on Google Maps</a>)

First, find your location on the https://www.google.com/maps/ site then get its share link, and use that on the href as my example above.

The Google Map documentation says, if the Google Map App is installed on Phone (Android or iOS), it will open the Google Map App, if not it will launch Google Maps in a browser.

Get Started  |  Maps URLs  |  Google Developers

Hope it helps,
Cheers!

[GeneralFlashBang]

Hey thanks for the advise and help. That worked out well for having a link instead of the info box on the map.

[tristup]

Hi Eddie,

Glad that it works for you. Coming back to your previous question, the For Development Purpose Only shows if you haven’t added the Google MAP API key to the element. You can find the API Key here and add it to the respective section of the Map elements shown in the screenshot.

Now, if you want that infobox to come automatically when the Map loaded, you need to set the Content Start option to Open in your Marker setting as shown in the screenshot.

I would also suggest you go through the article on how to use the Map element https://theme.co/docs/map

Hope it helps.
Thanks