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

Kristoffer Vestergaard

More by Kristoffer Vestergaard

Similar Addons

See All
See the latest content changes on your dashboard and/or in the CP $10

History

by Erin Dalzell in Utility, Widget
See the latest content changes on your dashboard and/or in the CP
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
Behold! Easily unleash the power of Laravel Mix's version functionality within your Statamic site!

Statamic Mix

by Ben Furfie in CSS, JavaScript, Tag, Utility
Behold! Easily unleash the power of Laravel Mix's version functionality within your Statamic site!