[yloboda]

Мне необходимо создать backbone карту google map с маркерами. Маркеры будут грузиться с json файла. Имеется три json файла и на каждый клик будут загружаться маркеры с каждого файла свои.

Я застряла на маркерах. Они у меня не появляются. Не могу понять почему. Вот мой код:

(function($) {
var Map = Backbone.Model.extend({})
var MapView = Backbone.View.extend({    
    initialize: function(opts) {
        _.bindAll(this, 'render');
        this.render();
    this.markers();
    },
    render: function() {
        var latlng = new google.maps.LatLng(this.model.get('latitude'), this.model.get('longitude'));
        var options = {
            zoom: 6,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };  
        this.map = new google.maps.Map(this.el, options);           
        return this;
    },      
    markers: function() {
        $.ajax({ 
          'async': true, 
          'global': false, 
          'url': "file:///D:/Work/Done/js/data1.json", 
          'dataType': "json", 
          'success': function (data) {
          console.log('MAP');
            for (var i = 0, length = data.length; i < length; i++) {
              var item = data[i];
              var latLng2 = new google.maps.LatLng(item.latLon.lat, item.latLon.lon); 
              var marker = new google.maps.Marker({
                position: latlng2,
                map: map,
                title: 'Hello World!'
              });
            } 
          }
        });   
        var map = this.map;         
        return this;
    }
}); 
var map = new Map({
    latitude: "55.660058",
    longitude: "12.521015",
})
var map_view = new MapView({
    el: $('.map')[0],
    model: map,
});

Любому совету буду благодарна. Спасибо!