Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.12.2013, 18:12
Новичок на форуме
Отправить личное сообщение для yloboda Посмотреть профиль Найти все сообщения от yloboda
 
Регистрация: 21.05.2013
Сообщений: 4

Backbone google map api with markers from json files
Мне необходимо создать 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,
});

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

Последний раз редактировалось Илья Кантор, 03.12.2013 в 18:39.
Ответить с цитированием
  #2 (permalink)  
Старый 03.12.2013, 18:41
Аватар для Илья Кантор
Администратор
Отправить личное сообщение для Илья Кантор Посмотреть профиль Найти все сообщения от Илья Кантор
 
Регистрация: 25.05.2007
Сообщений: 1,221

Возможно, дело в том, что в строке 38 присвоение map идёт, перенесите эту строку в начало метода markers.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Google Maps Api и Матрица маршрутов stepandra Общие вопросы Javascript 2 23.05.2013 23:28
yandex map api 2 и json mousesport Общие вопросы Javascript 1 18.06.2012 01:24
Google Map API HugoBorz jQuery 0 04.09.2010 16:44
эмитировать перемещение google map amigo* Элементы интерфейса 3 18.07.2010 18:24
Google Chart API mycoding Оффтопик 0 14.07.2010 11:22