JSFiddle - React, Tailwind, and code Playground

by Michael Prosser

HTML

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

CSS

#map{
  width:100%;
  height:400px;
  background-color:#333;
}

JavaScript

var map;
      function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -33.86, lng: 151.209},
          zoom: 13,
          mapTypeControl: false
        });
          map.setOptions({styles: styles['hide']});
      }

      var styles = {
        hide: [
          {
            featureType: 'poi.business',
            stylers: [{visibility: 'off'}]
          },
          {
            featureType: 'transit',
            elementType: 'labels.icon',
            stylers: [{visibility: 'off'}]
          }
        ]
      };