Skip to main content

Embedded Google Map

An embedded, interactive Google Map that can be added to any page.


Demo Page


  • Each map must have a unique ID.
  • Latitude, longitude, and zoom values are provided as data attributes. If no attributes are provide, the map defaults to Manhattan, NY (40.7591212, -74.0042503) with a zoom level of 12.
<div class="c-embedded-map">
  <!-- Unique ID required -->
  <div id="map-123" data-embedded-map-id="map-123" data-lat="40.7591212" data-lng="-74.0042503" data-zoom="12" data-marker-path="/images/map-icons/Map-Pin-Default-Open.png"></div>