Javascript 谷歌地图

我有以下代码：

<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);

//谷歌地图集成
函数初始化映射（）{
var mapCanvas=document.getElementById（'map-canvas'）；
变量映射选项={
中心：新的google.maps.LatLng（angular.element（document.getElementById（'map-canvas'））.scope（）.纬度，angular.element（document.getElementById（'map-canvas'））.scope（）.经度），
缩放：10，
mapTypeId:google.maps.mapTypeId.HYBRID
}
var map=new google.maps.map（mapCanvas，mapOptions）；
}
google.maps.event.addDomListener（窗口'load'，initializeMap）；

---

使用“google”的脚本已导入（并且可以工作，否则我会在控制台中出错），但是每次我都会看到一个灰色框-即使我将

google.maps.LatLng

中的值更改为实数，而不是上面的角度值。我做错了什么？谢谢您的帮助。

由于我无法对您的答案发表评论，无法要求您进一步澄清，我假设没有错误，但您的地图中有完整的灰色区域

在地图加载后添加此代码

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