google-maps-api-3 - Google Maps API v3 でネストされた map-canvas 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])