Description

Installation

Download the and move the folder "GoogleMaps" into your site/addons folder.

Setup

Add your Google Maps JS API Key to the settings page /cp/addons/google-maps/settings

Usage

You can now use google maps like so:

{{ google_maps address="1600 Amphitheatre Parkway" height="400px" }}

Options

The following options are available

  • address
  • height
  • width
  • zoom (The level of zoom)
  • markers

Adding your own markers

You can add your own markers to the map using the following syntax

{{ google_maps address="1600 Amphitheatre Parkway" height="400px" markers="Example Address 1;Example Address 2" }}

The ; represents a split. Use this if you have multiple markers.

Getting an API key

You can find Google's own guide for getting an API key here: https://developers.google.com/maps/documentation/javascript/get-api-key


Important Links
Details
Released March 19, 2018
Updated 3 years ago
Version 1.1.1
Downloads 759
Requires Statamic 2.6.0

Kristoffer Vestergaard

More by Kristoffer Vestergaard

Similar Addons

See All
Add Google Analytics support to Statamic 2 and configure tracking from the Control Panel

Google Analytics

by JRC9 Design Studio in Widget, Utility, Integration, Tag, Tool
Add Google Analytics support to Statamic 2 and configure tracking from the Control Panel
Fieldtype for finding a location using Google Maps autocomplete.

Location

by Aryeh Raber in Enhancement, Fieldtype, Maps, Integration
Fieldtype for finding a location using Google Maps autocomplete.
A complete Shopify Integration for Statamic 2. $19

Shopify

by Gridonic in Tag, Widget
A complete Shopify Integration for Statamic 2.