JSFiddle - React, Tailwind, and code Playground

by merganser

HTML

<div id="map"></div>
<!-- Replace the value of the key parameter with your own API key. -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDwTASUvpSpAB5WZBnBVizqN_HYYyG2hqI&callback=initMap" async defer></script>

CSS

html, body, #map-canvas {
            height: 100%;
            margin: 0px;
            padding: 0px
        }

        .label {
            color: red;
            background-color: white;
            font-family: "Lucida Grande", "Arial", sans-serif;
            font-size: 11px;
            font-weight: bold;
            text-align: center;
            border: 2px solid black;
            white-space: nowrap;
            padding: 2px 5px;
        }

JavaScript

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