javascript - 谷歌地图 Angular JS

Question

我有以下代码:

<script>
//google maps integration
function initializeMap() {
    var mapCanvas = document.getElementById('map-canvas');
    var mapOptions = {
        center: new google.maps.LatLng(angular.element(document.getElementById('map-canvas')).scope().latitude, angular.element(document.getElementById('map-canvas')).scope().longitude), 
        zoom: 10,
        mapTypeId: google.maps.MapTypeId.HYBRID
    }
    var map = new google.maps.Map(mapCanvas, mapOptions);
}
google.maps.event.addDomListener(window, 'load', initializeMap);

<div id="map-canvas" style="width: 95%; height: 40%; background-color: #CCC; margin-left: auto; margin-right: auto;"></div>

使用“google”的脚本已导入(并且有效，否则我会在控制台中收到错误)，但是我每次都会看到一个灰色框 - 即使我更改了 google.maps.LatLng 中的值到实数而不是上面的 Angular 值。我究竟做错了什么？感谢您的帮助。

Answer 1

由于我无法对您的回答发表评论以询问您的进一步说明，因此我假设没有错误，但您的 map 中存在完整的灰色区域。

加载 map 后添加此代码。

google.maps.event.trigger(map, 'resize');