JSFiddle - React, Tailwind, and code Playground

by Oski Krawczyk

HTML

<div id="map_canvas" style="width: 100%; height: 100%"></div>

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

CSS

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

JavaScript

var map;
var initialize = function() {
    var myLatlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
        zoom: 8,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);

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

window.addEvents({
    load: function() {
        //initialize();
    }
});