Awesome Open Source
Awesome Open Source

Google Static Maps plugin for Craft CMS 3.x

Provides a function to generate a signed URL for the Google Maps Static API


This plugin requires Craft CMS 3.0.0-beta.23 or later.


To install the plugin, follow these instructions.

  1. Open your terminal and go to your Craft project:

     cd /path/to/project
  2. Then tell Composer to load the plugin:

     composer require pinfirestudios/google-static-maps
  3. In the Control Panel, go to Settings → Plugins and click the “Install” button for Google Static Maps.

Google Static Maps Overview

Provides a TWIG variable, googleStaticMaps with a buildUrl() method that takes URL parameters to pass into the Google Maps API. It then adds the API key to the query, signs it using the URL signing secret and returns the URL. Also includes a img() method that properly adds height/width attributes for you.

See for the possible variables to pass into the function.

Configuring Google Static Maps

Put your API key and signing secret either into a config file (using .env) or into the GUI.

Using Google Static Maps

In twig:

<img src="{{ craft.googleStaticMaps.buildUrl({
	center: "0,0",
	zoom: "10",
	size: "400x400",
}) }}" >


{{ craft.googleStaticMaps.img(400, 400, {
	center: "0,0",
	zoom: 10
}) | raw }}

Brought to you by Pinfire Studios

Alternatives To Craft Google Static Maps
Select To Compare

Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Php (285,984
Plugin (113,841
Google (36,792
Map (32,545
Twig (3,364
Craft Plugin (411