JSFiddle - React, Tailwind, and code Playground

by Alexey Ryazhskikh

HTML

<link rel="stylesheet" href="http://cdn.foundation5.zurb.com/foundation.css">
<script src="http://cdn.foundation5.zurb.com/foundation.js"></script>
<script src="http://fonts.googleapis.com/css?family=Lobster+Two:400,700"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>
 <div id="map" class="map_container"></div>

CSS

#map {
    width:400px;
    height:400px;
}

#map img { max-width:none; }

JavaScript

// Foundation JavaScript
// Documentation can be found at: http://foundation.zurb.com/docs
$(document).foundation();


var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644)
};
var map = new google.maps.Map(document.getElementById('map'),
    mapOptions);