JSFiddle - React, Tailwind, and code Playground

by Dennis Betman

JavaScript

<?= css::register('css/desktop/servicesInfo.css'); ?>
<?= css::register('css/desktop/clinicSearch.css'); ?>

<?= js::register("http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"); ?>
<?= js::register("http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js"); ?>
<?= js::register("js/master/geocomplete/jquery.geocomplete.min.js"); ?>

<script type="text/javascript">
    // When the window has finished loading create our google map below
    //google.maps.event.addDomListener(window, 'load', "initialize('map')");

    var allMarkers = [];
    var icon1 = "img/master/googleIcon1.png";
    var icon2 = "img/master/googleIcon2.png";

    function initialize(div_id) {
        var map;
        var bounds = new google.maps.LatLngBounds();
        var mapOptions = {
            mapTypeId: 'roadmap'
        };

        // Display a map on the page
        map = new google.maps.Map(document.getElementById(div_id), mapOptions);
        map.setTilt(45);

        // Multiple Markers
        var markers = [
            ['Amsterdam', 52.370216,4.895168, 1],
            ['Breukelen', 52.171022,5.001329, 2],
            ['Utrecht', 52.090737,5.121420, 3],
            ['Groningen', 53.219383,6.566502, 4]
        ];

        // Info Window Content
        var infoWindowContent = [
            [
                '<div class="info_content">' +
                    '<h3>Amsterdam</h3>' +
                    '<p>The London Eye is a giant Ferris wheel situated on the banks of the River Thames. The entire structure is 135 metres (443 ft) tall and the wheel has a diameter of 120 metres (394 ft).</p>' +
                '</div>'
            ],
            [
                '<div class="info_content">' +
                    '<h3>Breukelen</h3>' +
                    '<p>The Palace of Westminster is the meeting place of the House of Commons and the House of Lords, the two houses of the Parliament of the United Kingdom. Commonly known as the...