Javascript 使用类而不是ID创建google地图

我正在尝试使用class而不是Id创建一个谷歌地图

这是谷歌开发者的原始代码

let映射；
函数initMap（）{
map=new google.maps.map（document.getElementById（“map”）{
中心：{纬度：-34.397，液化天然气：150.644}，
缩放：8，
});
}

/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
身高：100%；
}
/*可选：使示例页面填充窗口*/
html，
身体{
身高：100%；
保证金：0；
填充：0；
}

简单地图

您的地图div没有大小，您缺少工作示例中的css：

/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
#map {
  height: 100%;
}

/* Optional: Makes the sample page fill the window. */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

但是，由于您使用的是类而不是id，所以请使用

.map

而不是

#map

/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
.map {
  height: 100%;
}

代码片段：

let映射；
函数initMap（）{
map=new google.maps.map（document.querySelector（“.map”）{
中心：{
lat:-34.397，
液化天然气：150.644
},
缩放：8，
});
}

/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
.地图{
身高：100%；
}
/*可选：使示例页面填充窗口*/
html，
身体{
身高：100%；
保证金：0；
填充：0；
}

Lab1-教育机构图

您缺少

.map

类名上的CSS（您需要在该元素上设置高度），除非它位于HTML中链接的

CSS/CSS.CSS

文件中。只需在代码中更正此问题，如果链接的CSS文件中有此问题，请提供一个允许重现此问题的链接。