Google Maps Core Documentation

Introduction

This package is mainly intended to integrate Google Maps Platform with your website. It includes a single partial template that utilizes the Embed API of Google Maps Platform to display a Map Section along with a pin marker for customizable address.

Getting an API Key

Please follow the instructions given on this link. You will need an account on Google Cloud (with billing information entered). It is to be noted that even though billing information is required, there are no charges on using the Embed API. If however, the same API key is used for other services of Google Maps Platform, you may be charged as per their terms and conditions.

Usage

After obtaining the API Key as per above instructions, you can follow the below steps to enter the API key in your website and include the Maps Section Partial to display the map where required.

  1. Click on Settings.
  2. Click on Site Settings.
  3. Scroll down and expand the Custom Settings (by clicking on the plus icon).
  4. Enter the obtained API Key in the field Google Maps API Key.

After the API Key is entered, the partial can be included to display the Map Section.

Liquid Markup

Show Full

{%- include "/marketpath/google-maps-core/partials/_map_section_base.liquid" maps_section_pin_location:"Example Address" -%}