Google maps 谷歌地图渲染不正确

我正在玩主干和gmaps.js，由于某些原因，地图没有正确渲染

控制器没有正确显示，信息窗口的渲染也很奇怪

我在用电脑。我甚至不知道如何调试这个东西

以下是我的地图主干视图：

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);
   },
});

谢谢

---

我看到过类似截图的问题，解决方法是在CSS中添加以下行：

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

---

（如果需要，用地图的div id或类名替换#map）与主干网或gmaps.js无关，我不认为可能是页面的其他组件。

这就解决了它！非常感谢。这可能与bootstrap.css更改某些内容有关…不客气！谷歌地图仅仅是一堆巧妙排列的图像，这让我感到惊讶。