JSFiddle - React, Tailwind, and code Playground

by Steve Jansen

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<div id="map-canvas" style="width: 300px; height: 300px"></div>

CSS

.redtext {
    color: red;
}

JavaScript

function initialize() {
  var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
  var mapOptions = {
    zoom: 4,
    center: myLatlng
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

  var contentString = '<a href="#" >click me</a><P>Hello world!';

  var infowindow = new google.maps.InfoWindow({
      content: contentString
  });

  var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title: 'Uluru (Ayers Rock)'
  });
  google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map,marker);
  });
}

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