JSFiddle - React, Tailwind, and code Playground

by Alex Azuero

HTML

<head>
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
        function initialize() {
            var myLatlng = new google.maps.LatLng(37.7833, -122.4167);
            var myOptions = {
                zoom: 13,
                center: myLatlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

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

            var foo = [{
                featureType: "transit",
                stylers: [{
                    visibility: "on"
                }]
            }];

            map.setOptions({
                styles: foo
            });
        }
    </script>
</head>
<body onload="initialize()">
    <div id="map_canvas" style="height: 480px; width: 100%"></div>
</body>