google-maps - 谷歌地图无法正确渲染

Question

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

控制器没有正确显示，信息窗口也呈现出奇怪的样子。

我正在使用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);
   },
});

谢谢

Answer 1

我见过类似屏幕截图的问题，解决方法是将这些行添加到 CSS 中：

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

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