Skip Navigation

[Resolved] Open new browser window in Elementor Popup

This thread is resolved. Here is a description of the problem and solution.

Problem: I would like to display an HTML page in an Elementor Popup, using a URL to a Google Map.

Solution: You can't embed the Google Maps site in an iframe. Instead, you could use the Google Maps static map API to display an image, or you could use a dynamic Toolset Map, or you could implement the Google Maps embed API.

Here's an example of a static map tag using a Toolset field to store an address:

<img src="https://maps.googleapis.com/maps/api/staticmap?center=[types field='address-field-slug' output='raw'][/types]&zoom=13&size=300x150&maptype=roadmap&markers=color:red&key=YOURAPIKEY" />

Relevant Documentation:
https://developers.google.com/maps/documentation/

This support ticket is created 5 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 18 replies, has 2 voices.

Last updated by Pete 5 years, 3 months ago.

Assisted by: Christian Cox.

Author
Posts
#1309773

Sure, I have removed your API key.
Is there no way it should take the pointer too? It's just showing the area and not the pointer from the listing where is there.
Sure, you can add markers to the map. The API documentation shows all the possible params, and there is a good example here: http://mundaneprogramming.github.io/examples/google-static-map-quickie/

Something like this:

<img src="<em><u>hidden link</u></em> field='address-area' format='FIELD_LATITUDE,FIELD_LONGITUDE'][/types]&zoom=13&size=600x600&maptype=roadmap&markers=color:red%7C[types field='address-area' format='FIELD_LATITUDE,FIELD_LONGITUDE'][/types]&key=YOURAPIKEY" />
#1309925

Thank you Christian,

Appreciate your help and patience with this.

I have only just about got my head round using Toolset, to now work out what Google Maps does also....it's just exhausting 🙂

So finally, to confirm...this is a static map that is being generated?

Many thanks, Pete

#1309947

Developers have a tough job, that's for sure. And this is definitely a static map, you are correct.

#1309957

My issue is resolved now. Thank you!