JSFiddle - React, Tailwind, and code Playground

by RageGTR

HTML

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<div id="gmapcanvas"></div>

CSS

html,
body,
#gmapcanvas {
  height: 100%;
  margin: 0px;
  padding: 0px
}

JavaScript

var map;
function initialize() {
  map = new google.maps.Map(document.getElementById('gmapcanvas'), {
    zoom: 12,
    center: new google.maps.LatLng(6.8512509, 79.9684788),
  });
  map.setOptions({
    minZoom: 12,
    draggable: false
  });
}
initialize();