google maps - GMaps InfoWindow display issue -
i cannot figure out why google maps infowindow not display properly. screengrab below:
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
Post a Comment