JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang='en'>
  <head>
  </head>
  <body>
    <div id='map-canvas' style='width: 800px; height: 700px;'></div>
  </body>
</html>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">
  var map = new google.maps.Map(
              document.getElementById('map-canvas'), 
              { zoom: 6,
                center: new google.maps.LatLng(11.555206297897692, 104.91512579345704),
                mapTypeId: google.maps.MapTypeId.ROADMAP }),
      marker = new google.maps.Marker({
                 position: new google.maps.LatLng(11.555206297897692, 104.91512579345704),
                 draggable: true,
                 title: 'Hello' }),
      infoWindow = new google.maps.InfoWindow({content: 'Hello World!'});

  marker.setMap(map);
  infoWindow.open(map, marker);
</script>