Google maps 谷歌地图不显示-未对代码进行任何更改

请有人告诉我我没有发疯。我花了整个周末在一个222线的项目上，这个项目很有效。下次我再回到它，没有任何改变，它现在既不能在本地测试也不能在线测试。简而言之，谷歌地图不会显示

我觉得自己快要发疯了，于是把代码从最基本的部分剥离出来，我有以下几点：

测试图
html{
身高：100%；
}
身体{
身高：100%；
保证金：0；
填充：0；
背景图片：url（'background9.jpg'）；
背景色：#B3CDE6；
背景重复：无重复；
背景附件：固定；
背景位置：右下角；
背景尺寸：封面；
}
h{
颜色：#000000；
字体系列：Verdana，'日内瓦'，无衬线；
字体大小：12px；
显示：内联；
文本对齐：居中；
}
#地图画布{
身高：100%；
宽度：75%；
左边距：自动；
右边距：自动；
右边框宽度：2px；
右边框颜色：#ffffff；
右边框样式：实心；
左边框宽度：2px；
左边框颜色：#ffffff；
左边框样式：实心；
}
var映射；
google.maps.event.addDomListener（窗口“加载”，初始化）；
函数初始化（）
{
变量myOptions={
中心：新google.maps.LatLng（55.144178，-2.254122）
};
map=new google.maps.map（document.getElementById（'map-canvas'），myOptions）；
};

初始化地图时，如果不同时提供位置和缩放，代码片段就无法“工作”

因为提供了一个漂亮、简短的测试用例而备受赞誉

测试图
html{
身高：100%；
}
身体{
身高：100%；
保证金：0；
填充：0；
背景图片：url（'background9.jpg'）；
背景色：#B3CDE6；
背景重复：无重复；
背景附件：固定；
背景位置：右下角；
背景尺寸：封面；
}
h{
颜色：#000000；
字体系列：Verdana，'日内瓦'，无衬线；
字体大小：12px；
显示：内联；
文本对齐：居中；
}
#地图画布{
身高：100%；
宽度：75%；
左边距：自动；
右边距：自动；
右边框宽度：2px；
右边框颜色：#ffffff；
右边框样式：实心；
左边框宽度：2px；
左边框颜色：#ffffff；
左边框样式：实心；
}
var映射；
google.maps.event.addDomListener（窗口“加载”，初始化）；
函数初始化（）
{
变量myOptions={
中心：新google.maps.LatLng（55.144178，-2.254122），
缩放：12
};
map=new google.maps.map（document.getElementById（'map-canvas'），myOptions）；
};

回答：CSS注释由/*comment*/表示，您不能在CSS中使用HTML注释

另外，我的第一个答案包含了您最初发布的确切代码（我使用了StackOverflow的“复制片段以回答”按钮。您编辑了您最初的问题（我回答正确），这就是我上面最初的答案不再适用的原因

<强>编辑：，在我回答它的过程中，你再次编辑了你的代码片段，并自行修改。

跟踪T的
html{
身高：100%；
}
身体{
身高：100%；
保证金：0；
填充：0；
背景图片：url（'background9.jpg'）；
背景色：#B3CDE6；
背景重复：无重复；
背景附件：固定；
背景位置：右下角；
背景尺寸：封面；
}
h{
颜色：#000000；
字体系列：Verdana，'日内瓦'，无衬线；
字体大小：12px；
显示：内联；
文本对齐：居中；
}
/*设置地图画布的样式*/
#地图画布{
身高：100%；
宽度：75%；
左边距：自动；
右边距：自动；
右边框宽度：2px；
右边框颜色：#ffffff；
右边框样式：实心；
左边框宽度：2px；
左边框颜色：#ffffff；
左边框样式：实心；
}
/*设置信息框文本的样式*/
.弹出框文本{
字体系列：佐治亚州，'泰晤士报新罗马'，泰晤士报，衬线；
字体大小：16px；
线高：22px；
颜色