JSFiddle - React, Tailwind, and code Playground

by gion_13

HTML

<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;language=en"></script>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&language=en"></script>
<div id="map-canvas"></div>

CSS

#map-canvas{
  width : 400px;
  height : 400px;
  border : 10px solid red;
}

JavaScript

var mapOptions = {
  zoom: 2,
  disableDefaultUI: true,
  center: new google.LatLng(0, 0),
  mapTypeId : google.maps.MapTypeId.SATELLITE,
  scrollwheel : false,
  disableDoubleClickZoom : true
};
var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);