JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.marionette/2.2.1/backbone.marionette.min.js"></script>
<script src="https://raw.githubusercontent.com/not-only-code/marionette-google-maps/master/dist/marionette-google-maps.min.js"></script>
<div id="my-map"></div>

CSS

#my-map {
    width: 100%;
    height: 350px;
}

JavaScript

var Markers = Backbone.Marionette.MarkersCollection.extend({
    url: 'http://private-14034-marionettegooglemaps.apiary-mock.com/markers'
});
var markers = new Markers();
var myMapView = new Backbone.Marionette.MapView({
    el: '#my-map',
    collection: markers,
    lat: 41.385064, // initialize your map in theese coords
    lon: 2.173403 // initialize your map in theese coords
});
myMapView.render();
markers.fetch();