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 639
Requires Statamic 2.6.0

Kristoffer Vestergaard

More by Kristoffer Vestergaard

Similar Addons

See All
Geocodes addresses, will likely do more map stuff later.

Naxi

by LionsMouth Digital in Maps
Geocodes addresses, will likely do more map stuff later.
Write to the Log using template tags and via ajax.

Logplus

by Aryeh Raber in Enhancement, Tag, JavaScript, API
Write to the Log using template tags and via ajax.
Searches occurences of files and replaces them as listed in the manifest

AssetManifest

by Mintel.me in CSS, Enhancement, JavaScript, Tag, Utility
Searches occurences of files and replaces them as listed in the manifest