Google Static Map Maker Image

This support ticket is created 5 years, 11 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)

Tagged: Toolset Maps, Views plugin

This topic contains 1 reply, has 2 voices.

Last updated by Christian Cox 5 years, 11 months ago.

Assisted by: Christian Cox.

Author

Posts

December 8, 2018 at 12:05 pm #1162125

eloiD

Tell us what you are trying to do?
I want to embed a Google Maps image via Toolset View

Is there any documentation that you are following?
hidden link

Is there a similar example that we can see?
hidden link

What is the link to your site?
hidden link

December 9, 2018 at 8:11 pm #1162469

Christian Cox

Hi, there is nothing built-in to Toolset that generates static maps automatically. You can insert a static map manually by creating your own HTML image tag using parameters defined by the Static Maps API. You must activate the Maps Static API
in your Google console. Then create an image tag like this:

<img src="<em><u>hidden link</u></em> York, NY USA&zoom=13&size=300x150&maptype=roadmap&markers=color:red&key=YOURAPIKEY" />

If you want to use a Types field address instead of a hard-coded address, replace New York, NY USA with a Types field shortcode like this:

<img src="<em><u>hidden link</u></em> field='your-field-slug' output='raw'][/types]&zoom=13&size=300x150&maptype=roadmap&markers=color:red&key=YOURAPIKEY" />

Change YOURAPIKEY to match your API key. If your site is not on HTTPS, change the protocol. More information about the URL parameters provided for static maps can be found here:
https://developers.google.com/maps/documentation/maps-static/dev-guide