google-maps - 简单地图未显示

Question

我有一个非常简单的 Map 定义如下：

var _mapOptions = {
   zoom: 15,
   center: new google.maps.LatLng(-22.9965949, -43.2710887),
   mapTypeId: google.maps.MapTypeId.ROADMAP
};

var _mapCtl = document.getElementById("map-control");
var _map = new google.maps.Map(_mapCtl, _mapOptions);

html“map-control”在这样的 div 中定义：

<div id="map-view" class="view" style="display: none">
    <div id="map-control" style="width:100%; height=100%"></div>
</div>

div 使用 jquery 动态加载，最初是不可见的。调试我已经验证了document.getElementById("map-control");retuns 一个 html 元素并设置了_mapCtl.

为了完成，我正在加载谷歌 API，如下所示：

<script src="https://maps.googleapis.com/maps/api/js?key=mykey&sensor=false"></script>

这可能是什么？提前致谢