JSFiddle - React, Tailwind, and code Playground

by mdorfma2

HTML

<title>Mount Washington Observatory Wind Analysis</title>
  <body>
    <div id="map"></div>
    <script async defer
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAz2CpGEsjN-7xOngCkLZa7oj5xqudKea0&signed_in=true&callback=initMap"></script>
  </body>
</html>

CSS

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

JavaScript

var AR40 = {lat: 44.295376, lng: -71.279357};
  var AR53 = {lat: 44.281442, lng: -71.292144};
  var SUMT = {lat: 44.270837, lng: -71.303482};
  var center = {lat: 44.283, lng: -71.29};
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 14,
    center: center,
    mapTypeId: google.maps.MapTypeId.TERRAIN
  });

  var marker = new google.maps.Marker({
    position: AR40,
    map: map,
    title: '4000\' Site'
  });

var marker = new google.maps.Marker({
    position: AR53,
    map: map,
    title: '5300\' Site'
  });

var marker = new google.maps.Marker({
    position: SUMT,
    map: map,
    title: 'Summit Site'
  });