2012-06-14 5 views
4

Я играл с позвоночником и gmaps.js и по какой-то причине карты не оказывающая правильно ...Google Maps не делает правильно

Контроллеры не отображается правильно, а InfoWindow оказывает странно тоже ,

Я использую gmaps.js library. Я даже не знаю, как отладить эту вещь ...

Вот мой позвоночник вид на карте:

App.MapView = Backbone.View.extend({ 
    el: '.map', 
    initialize: function() { 
     this.map = new GMaps({ 
      div: this.el, 
      lat: -12.043333, 
      lng: -77.028333, 
     }); 
     App.houseCollection.bind('reset', this.populateMarkers, this); 
    }, 
    populateMarkers: function(collection) { 
     _.each(collection.models, function(house) { 
      var html = 'hello' 
      this.map.addMarker({ 
       lat: house.attributes.lat, 
       lng: house.attributes.lng, 
       infoWindow: { 
        content: html, 
       }     
      }); 
     }, this); 
    }, 
}); 

Благодаря

enter image description here

ответ

7

Я видел вопросы с аналогичные скриншоты и исправление заключается в добавлении этих строк в CSS:

#map label { width: auto; display:inline; } 
#map img { max-width: none; max-height: none; } 

(при необходимости замените #map на идентификатор или имя класса вашей карты) Не связано с магистралью или gmaps.js, я не думаю, что возможно, какой-то другой компонент вашей страницы.

+0

хорошо, что исправил его! большое спасибо. Вероятно, это связано с загрузкой bootstrap.css ... – AlexBrand

+0

Добро пожаловать! Меня поражает, как Google Maps - это всего лишь куча умных изображений. –

+0

Спасенные мною грузы hassel, спасибо :-) –

Смежные вопросы