Javascript 谷歌地图显示灰色方框，而不是地图

为了解决这个问题，我搜索了很多，但我无法解决这个问题。地图显示灰色，请参见图片：

我测试此事件触发器：

google.maps.event.trigger(draw_map, "resize")

时尚

div {
    overflow: hidden;
}

但是，还是不行！这是谷歌地图的初始化代码：

var draw_map = '';
var drawingManager;
var selectedShape;
var resc;
var rest;
var resx;
var resy;
jQuery(document).ready(function(){
    initialize_draw_map();
});

function initialize_draw_map() {
    if (draw_map != '')
        return false;
    var myLatlng = new google.maps.LatLng(90, 90);
    var myOptions = {
        zoom: 11,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    draw_map = new google.maps.Map(document.getElementById("map_canvas_draw_map"), myOptions);
    var polyOptions = {
        strokeWeight: 0,
        fillOpacity: 0.30,
        editable: true,
        fillColor: '#1E90FF',
        zIndex: 1
    };
    drawingManager = new google.maps.drawing.DrawingManager({
        drawingMode: google.maps.drawing.OverlayType.RECTANGLE,
        drawingControlOptions: {
            position: google.maps.ControlPosition.TOP_LEFT,
            drawingModes: [google.maps.drawing.OverlayType.CIRCLE, google.maps.drawing.OverlayType.RECTANGLE,
                google.maps.drawing.OverlayType.POLYGON, google.maps.drawing.OverlayType.POLYLINE
            ]
        },
        polygonOptions: polyOptions,
        rectangleOptions: polyOptions,
        circleOptions: polyOptions,
        map: draw_map
    });
}

正在加载库：

http://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places,drawing

---

在本页中，我的另一个谷歌地图也可以工作。

通常灰色地图是由错误的谷歌地图API或不推荐的函数调用引起的

---

但是，它也可能是API密钥。确保您有一个有效的在北极。那里的瓷砖是灰色的

如果我将地图选项更改为更合理的位置（在有非灰色瓷砖的美国）：

我不再得到“灰色”地图：

工作代码段：

var-draw\u-map=''；
风险提取经理；
变量选择形状；
var-resc；
无功休息；
var-resx；
变量resy；
jQuery（文档）.ready（函数（）{
初始化_draw_map（）；
});
函数初始化\绘制\映射（）{
如果（绘制地图！=''）
返回false；
var mylatng=newgoogle.maps.LatLng（42，-90）；
变量myOptions={
缩放：4，
中心：myLatlng，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
draw\u map=new google.maps.map（document.getElementById（“map\u canvas\u draw\u map”）、myOptions；
var多选项={
冲程重量：0，
填充不透明度：0.30，
是的，
填充颜色：“#1E90FF”，
zIndex:1
};
drawingManager=新建google.maps.drawing.drawingManager({
drawingMode:google.maps.drawing.OverlayType.RECTANGLE，
drawingControlOptions：{
位置：google.maps.ControlPosition.TOP_左上角，
drawingModes:[google.maps.drawing.OverlyType.CIRCLE，google.maps.drawing.OverlyType.RECTANGLE，
google.maps.drawing.OverlyType.POLYGON，google.maps.drawing.OverlyType.POLYLINE
]
},
多基因选择：多基因选择，
矩形选项：多选项，
循环选项：多选项，
地图：绘制地图
});
}

html，
身体，
#地图\u画布\u绘制\u地图{
身高：100%；
宽度：100%；
边际：0px；
填充：0px
}

也许您可以尝试提供更多的代码（甚至可能嵌入到SO或至少是一把小提琴中）哪个重现了问题？你能检查网络流量，看看它是否至少尝试获取地图部分吗？是的，你需要提供一些代码，并需要提到你正在编码的平台。检查你的键是否工作。这不会解决你的灰色地图问题，但我注意到的一件事是，你的滑块gfx已损坏。您可以使用

img{max-width:none；}

解决此问题。

var myLatlng = new google.maps.LatLng(42, -90);
var myOptions = {
    zoom: 4,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};