Google Maps

This section will guide you to setup basic google maps. for more information checkout Google Developer API. 
Google Maps will not work without API Key. please create one before implementing maps
Step 1
Add Google maps JavaScript
1
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
2
    async defer></script>
Copied!
Step 2
Add the markup
1
 <div id="map" style="height:450px;width:100%"></div>
Copied!
Step 3
Initialize the map
1
 var map;
2
      function initMap() {
3
        map = new google.maps.Map(document.getElementById('map'), {
4
          center: {lat: -34.397, lng: 150.644},
5
          zoom: 8
6
        });
7
      }
Copied!
Map themes
You can checkout more themes at snazzymaps 

Charts - Previous

Chartist

Next - Maps

Vector Maps

Last modified 2yr ago

Copy link

Contents

Map themes