JSFiddle - React, Tailwind, and code Playground

by Nemesiss

HTML

<title>Google Maps JavaScript API v3 Example: Map Simple</title>
        <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
        <script>    
            function initialize() {
                var directionsDisplay;
                var directionsService = new google.maps.DirectionsService();

                directionsDisplay = new google.maps.DirectionsRenderer();

                var myLocation = new google.maps.LatLng(-34.397, 150.644);
                var mapOptions = {
                    zoom: 8,
                    center: myLocation,
                    mapTypeControl: false

                }

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

                var transitLayer = new google.maps.TransitLayer();
                transitLayer.setMap(map);
            }

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


        </script> 
    <body>
        <div id="map_canvas"></div>
        <div data-role="footer">
            <a href="http://returntothisWebsite" data-icon="grid" data-role="button" data-mini="true">Return to Home</a>   
        </div>
    </body>

CSS

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