Google Maps

This section will guide you to setup basic google maps. for more information checkout Google Developer API.

Step 1

Add Google maps JavaScript

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

Step 2

Add the markup

 <div id="map" style="height:450px;width:100%"></div>

Step 3

Initialize the map

 var map;
      function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -34.397, lng: 150.644},
          zoom: 8
        });
      }

Map themes

You can checkout more themes at snazzymaps

Last updated