JSFiddle - React, Tailwind, and code Playground

by refhat

HTML

<script src="http://www.mayzes.org/js/jquery.googlemaps1.01.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<div id="map_canvas">
<div id="address1">1600 Amphitheatre Parkway Mountain View, CA 94043</div>
<div id="address2">North From 1600 Amphitheatre Parkway Mountain View, CA 94043</div>
<div id="address3">More North From 1600 Amphitheatre Parkway Mountain View, CA 94043</div>
</div>

CSS

#map_canvas{width:400px; height:200px;border:1px solid red;}

JavaScript

$(document).ready(function() {
    $('.google .list a').bind('click', function() {
        $('.example').load(this.href);
        return false;
    });
});

$(document).ready(function() {      $('#map_canvas').googleMaps({         markers: [{             latitude:     37.4416,             longitude: -122.1516,             info: {                 layer: '#address1'             }         },{             latitude:     37.4516,             longitude: -122.1616,             info: {                 layer: '#address2'             }         },{             latitude:     37.4566,             longitude: -122.1666,             info: {                 layer: '#address3'             }         }]     });  });