google-maps-api-3 - 获取对 Google Maps API v3 中嵌套地图画布 div 的引用

Question

我在这里遇到了一个奇怪的问题。我确信有一个简单的解决方案，但我找不到。我正在尝试访问嵌套在另一个 div 中的 id 为“map-canvas”的 div。

这有效：

 <div id="map-canvas"></div>  
    <script>
        ...
        map = new google.maps.Map(document.getElementById('map-canvas')
    </script> 

这不起作用：

<div id="someParentDiv">
<div id="map-canvas"></div>  
</div>  
<script>
    ...
    map = new google.maps.Map(document.getElementById('map-canvas')
</script>

任何帮助，将不胜感激。此外，由于某种原因，jQuery 在这里也不起作用。

Answer 1

我想你可以试试这个。

map = new google.maps.Map(document.getElementById('someParentDiv').getElementsByTagName('div')[0])