JSFiddle - React, Tailwind, and code Playground

by Slava P

HTML

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<div id="map-canvas"></div>111

CSS

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

JavaScript

function initialize() {
    var myLatlng = new google.maps.LatLng(-25.363882, 131.044922);

    var map = new google.maps.Map(document.getElementById('map-canvas'), {
        zoom: 15,
        center: myLatlng,
        scaleControl: true
    });

    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: 'Hello World!'
    });

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

    google.maps.event.addListener(marker, 'click', function () {
        infowindow.open(map, marker);
    });
}
google.maps.event.addDomListener(window, 'load', initialize);