google maps - GMaps InfoWindow display issue -


i cannot figure out why google maps infowindow not display properly. screengrab below:

enter image description here

any idea may causing this?

here code (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 nickname great bell of clock @ north end of palace of westminster in london, , extended refer clock , 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> 

the issue forced following format, defined in http://dev.contractorshire.co.uk/assets/components/articles/themes/default/style.css:

img {     background: #fafafa;     border: 1px solid #dcdcdc;     padding: 8px; } 

add css override background-setting images inside map:

#basic_map img{background:none} 

Comments

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

Enable autocomplete or intellisense in Atom editor for PHP -