GMaps InfoWindow顯示問題

Question

我找不出爲什麼Google Maps InfoWindow無法正常顯示。 Screengrab如下：

任何想法可能會導致什麼呢？

下面是代碼（JS）：

/** 
    * Basic Map 
    */ 
$(document).ready(function(){ 
var map = new GMaps({ 
    el: '#basic_map', 
    lat: 51.5073346, 
    lng: -0.1276831, 
    zoom: 10, 
    zoomControl : true, 
    zoomControlOpt: { 
     style : 'SMALL', 
     position: 'TOP_LEFT' 
    }, 
    panControl : false, 
    }); 
map.addMarker({ 
    lat: 51.5073346, 
    lng: -0.1276831, 
    title: 'Big Ben', 
    infoWindow: { 
    content: 'Big Ben is the nickname for the great bell of the clock at the north end of the Palace of Westminster in London, and often extended to refer to the clock and the clock tower, officially named Elizabeth Tower.' 
     } 
     }); 
}); 

CSS：

.map { 
    display: block; 
    width: 95%; 
    height: 350px; 
    margin: 0 auto; 
    -moz-box-shadow: 0px 5px 20px #ccc; 
    -webkit-box-shadow: 0px 5px 20px #CCC; 
    box-shadow: 0px 5px 20px #CCC; 
} 

HTML：

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> 
    <script type="text/javascript" src="https://raw.github.com/HPNeo/gmaps/master/gmaps.js"></script> 
... 
    <div id="basic_map" class="lg-map"></div> 

Answer 1

的問題是由以下格式被迫，在http://dev.contractorshire.co.uk/assets/components/articles/themes/default/style.css定義：

img { 
    background: #FAFAFA; 
    border: 1px solid #DCDCDC; 
    padding: 8px; 
} 

添加到您的CSS覆蓋的背景設定在地圖內的圖像：

#basic_map img{background:none}