SOLVED

Embedding Google Maps in Email

Go to solution
michaelstancil
Level 3

Embedding Google Maps in Email

Hi all,

 

I was curious if anyone has successfully embedded Google Maps within an email. I've read about the landing page embeds, but I assume the email would be similar. Is it as simple as connecting the embeddable files via a script token?

 

2 ACCEPTED SOLUTIONS

Accepted Solutions
SanfordWhiteman
Level 10 - Community Moderator

Re: Embedding Google Maps in Email

There’s no need for a webhook (how would you store the binary response?). The Maps service is the src of your img tag.

View solution in original post

Jo_Pitts1
Level 10 - Community Advisor

Re: Embedding Google Maps in Email

@michaelstancil ,

yeah - try just sticking that as the source in an image tag.

Cheers

Jo

View solution in original post

20 REPLIES 20
SanfordWhiteman
Level 10 - Community Moderator

Re: Embedding Google Maps in Email

Mail clients won’t run JS, period.

 

You can use a service that returns a map-like image based on query params in the URL.

Jo_Pitts1
Level 10 - Community Advisor

Re: Embedding Google Maps in Email

@michaelstancil ,

try this: https://developers.google.com/maps/documentation/maps-static/start

I've not done it, but it is pretty straightforward.

Let me know if you need more help.

Cheers

Jo

 

SanfordWhiteman
Level 10 - Community Moderator

Re: Embedding Google Maps in Email

I deliberately said “a service” and not Google’s service because of this part, though 🙂

 

SanfordWhiteman_0-1639526228372.png

 

Signed requests aren’t suitable for email on their own.

 

Jo_Pitts1
Level 10 - Community Advisor

Re: Embedding Google Maps in Email

True enough. 

 

I suppose it depends on OP's volumes. 

 

That having been said, If one doesn't currently exist, it'd be trivial to create a service that held the signing details, took the balance of parameters in the URL, and requested the image from google, and returned the image to the original caller.

 

Cheers

Jo

 

michaelstancil
Level 3

Re: Embedding Google Maps in Email

Hey @Jo_Pitts1,

 

My requests will come in lower, so I think the static is a viable option. I've gotten the webhook for the static service setup, as well as my Maps API. The only thing I'm missing is the response, or how best to send it?

 

Or am I over thinking this and a call like this goes within the html of the email?

https://maps.googleapis.com/maps/api/staticmap?center=Berkeley,CA&zoom=14&size=400x400&key=KEY
SanfordWhiteman
Level 10 - Community Moderator

Re: Embedding Google Maps in Email

There’s no need for a webhook (how would you store the binary response?). The Maps service is the src of your img tag.

Jo_Pitts1
Level 10 - Community Advisor

Re: Embedding Google Maps in Email

SNAP 🙂

Jo_Pitts1
Level 10 - Community Advisor

Re: Embedding Google Maps in Email

@michaelstancil ,

yeah - try just sticking that as the source in an image tag.

Cheers

Jo

michaelstancil
Level 3

Re: Embedding Google Maps in Email

@Jo_Pitts1 @SanfordWhiteman Ah, yeah I figured it was something simple like that (I'm no engineer, but trying based on all of this haha)

 

Thanks y'all!