---
title: "Google Map Web Component"
date: "2018-07-20T00:00:00+00:00"
tags: ["API","GIS","GoogleMaps","JavaScript","WebComponent"]
project: null
---

# Google Map Web Component

Source: https://greenzeta.com/update/google-map-web-component/
Last updated: 2018-07-20T00:00:00+00:00

The [Google Maps Web Component](https://www.webcomponents.org/element/GoogleWebComponents/google-map) drastically simplifies the process of adding a map to your project. The example below shows how it accepts all of the usual \#JavaScript \#API parameters.   
 \[codepen\_embed height="350" theme\_id="dark" slug\_hash="XBXRzO" default\_tab="html,result" user="mwilber"\]See the Pen [Styled Google Map Web Component](https://codepen.io/mwilber/pen/XBXRzO/) by Matthew Wilber ([@mwilber](https://codepen.io/mwilber)) on [CodePen](https://codepen.io).\[/codepen\_embed\]