我正在使用Twitter Bootstrap,并拥有Google地图.
地图上的图像(例如标记)在Bootstrap中被CSS扭曲.
在Bootstrap CSS中有:
img {
border: 0 none;
height: auto;
max-width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
当我max-width使用Firebug 禁用该属性时,标记图像显示为正常.如何防止Bootstrap CSS影响Google地图图像?
任何有关谷歌地图UI组件导致这种奇怪故障的任何想法的人都非常感谢您的来信!

地图创建时间:
var options = {
zoom: <?php echo $this->zoom ?>,
center: new google.maps.LatLng(<?php echo $this->centre_lat ?>, <?php echo $this->centre_lon ?>),
mapTypeControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map_canvas'), options);
Run Code Online (Sandbox Code Playgroud)
即使没有标记,故障也是一样的.