Javascript 导航控件、mapTypeControl和scaleControl位于地图后面

我将制作一个应用程序，其中有一个部分显示谷歌地图上标记的位置。一切正常，但谷歌地图工具如

navigationControl

、

mapTypeControl

和

scaleControl

在三星Galaxy Tab 10.1等设备中被隐藏（它们似乎在地图后面）。即使我已经将它们的值更改为true，但它们仍然隐藏在某些设备中

以下是我所做的：

       <--! The HTML -->
       <article class="container">
       .
       .
       .
       ...( some tags go here )

            <section class="span12">
                <div id="mapDiv"> </div>
            </section>

       </article>  

/*The Javascript*/
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script type="text/javascript">

 function initialize() {
     var position = new google.maps.LatLng(38.89655520572012, -77.03372955322266); 
     var myOptions = {
     zoom: 15,
     center: position,
     mapTypeId: google.maps.MapTypeId.ROADMAP,
     };
     var map = new google.maps.Map(
     document.getElementById("mapDiv"), myOptions);

     var marker = new google.maps.Marker({
     position: position,
     map: map,
     title:"We are here.",
     }); 
     }
</script>

.
.
.
…（这里有一些标签）
/*Javascript*/
函数初始化（）{
var position=new google.maps.LatLng（38.89655520572012，-77.03372955322266）；
变量myOptions={
缩放：15，
中锋:位置,，
mapTypeId:google.maps.mapTypeId.ROADMAP，
};
var map=new google.maps.map(
文件.getElementById（“mapDiv”），myOptions）；
var marker=new google.maps.marker({
职位:职位,，
地图：地图，
标题：“我们在这里。”，
}); 
}

有人知道他们为什么被隐藏吗

---

感谢您的帮助。

尝试将{max width:none；}添加到#mapDiv中。我知道谷歌地图API有时在响应性设计方面有问题。它使用精灵作为控件图像，而引导可能会干扰这一点。

您能否显示包含css的完整代码以查看div的位置？