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
<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