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 2 years ago
Version v1.1.1
Downloads 454
Requires Statamic 2.6.0

Kristoffer Vestergaard

More by Kristoffer Vestergaard

Similar Addons

See All
Widget that allows you to view your PHP info, see your logs, recreate your search index, recreate Glide presets, and clear your caches

PowerTools

by Erin Dalzell in Widget, Tool, Utility
Widget that allows you to view your PHP info, see your logs, recreate your search index, recreate Glide presets, and clear your caches
Installs Tailwind so you can start configuring/using it

Tailwind

by Erin Dalzell in CSS, JavaScript, Utility
Installs Tailwind so you can start configuring/using it