JSFiddle - React, Tailwind, and code Playground

by Vladimir Sobolev

HTML

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false&amp;.js"></script>
<div id="map_canvas" style="height:300px;background:url('http://graph.facebook.com/1438371657/picture?type=large')"></div>

JavaScript

function initialize() {
          var mapOptions = {
              zoom: 2,
              //maxZoom: 5,
              center: new google.maps.LatLng(43.27749, -92.658775),
              mapTypeId: google.maps.MapTypeId.ROADMAP,
              styles: [{
                  "elementType": "geometry.fill",
                      "stylers": [{
                      "visibility": "off"
                  }]
              }, {
                  "featureType": "landscape.natural.landcover",
                      "elementType": "geometry.fill",
                      "stylers": [{
                      "visibility": "on"
                  }]
              }]
          };
          map = new google.maps.Map(document.getElementById('map_canvas'),
          mapOptions);
      }

      google.maps.event.addDomListener(window, 'load', initialize);