JSFiddle - React, Tailwind, and code Playground

by jacob414

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.2.2/underscore-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.5.3/backbone-min.js"></script>
<div id="map"></div>

CSS

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

JavaScript

console.log('goog', google);
console.log('_', _);
console.log('bb', Backbone);

var c = new google.maps.LatLng(57.70, 11.97);

var map = new google.maps.Map(document.getElementById('map'),
                              {zoom: 8, center:c, mapTypeId: google.maps.MapTypeId.ROADMAP});

var PinView = Backbone.View.extend({
    constructor: function(opts) {
        this.map = opts.map;
        console.log('In constructor with ', opts);
        this.setMap(this.map);
    }
});

PinView.prototype = _.extend(PinView.prototype, google.maps.OverlayView.prototype)

var pv = new PinView({map:map});
console.log(pv);