在Google Maps API v3中引用嵌套的map-canvas div

Question

我有一个奇怪的问题。我确定有一个简单的解决方案，但我找不到它。我试图访问id为“map-canvas”的div，它嵌套在另一个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])