Go to homepage

Projects /

Google Maps

Google Maps component.

View Demo

How to

The Google Maps component is used to display a Google map on your page.

Make sure to edit the data-coordinates value in the HTML file to display the correct address on the map. Also, please make sure to include the Google Maps script in your document.

<script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initGoogleMap"></script>

Once the Google Maps API has been loaded, the initGoogleMap function (which is used as callback parameter in the API script) is executed to initialize the map.

Categories

Bug report & feedback

Component Github page ↗

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.