navigationControl、mapTypeControl 和 scaleControl 位于地图后面答案

【问题标题】：navigationControl, mapTypeControl and scaleControl go behind the mapnavigationControl、mapTypeControl 和 scaleControl 位于地图后面
【发布时间】：2012-08-16 01:30:17
【问题描述】：

我将制作一个应用程序，其中有一个部分可以在 Google 地图上显示标记的位置。一切正常，但像 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>

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

感谢任何帮助。

【问题讨论】：

能否展示完整的代码，包括 css 以查看 div 的位置？

标签： javascript android html google-maps

【解决方案1】：

尝试将 {max-width: none;} 添加到您的#mapDiv。我知道 Google Maps API 有时会在响应式设计方面遇到问题。它使用精灵作为控制图像，而 Bootstrap 可能会干扰它。

【讨论】：