Google Maps Sample

by Mubasshir Pawle

HTML

<div id="map"></div>

<!-- Async script executes immediately and must be after any DOM elements used in callback. -->
<script src="https://maps.googleapis.com/maps/api/js?key="></script>

CSS

#map {
  height: 100%;
}

JavaScript

let map;

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

setTimeout(function() {
  initMap()
}, 5 * 1000)