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}