JSFiddle - React, Tailwind, and code Playground

HTML

<div id="map-canvas" style="width: 320px; height: 480px;"></div>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

CSS

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

JavaScript

var geocoder;
      var map;

      function initialize() 
      {
        geocoder = new google.maps.Geocoder();        
        geocoder.geocode( { 'address': "England"}, function(results, status) 
        {
          if (status == google.maps.GeocoderStatus.OK) 
          {
            var mapOptions = {
              zoom: 8,
              center: new google.maps.LatLng(-34.397, 150.644),
              mapTypeId: google.maps.MapTypeId.ROADMAP
            }

            // Let's draw the map
            map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

          } 
          else 
          {
            alert("Geocode was not successful for the following reason: " + status);
          }
        });
      }

    initialize();