OpenLayers:为什么 class 和 <div> 中的 ID 选择器包含地图

OpenLayers: why class and ID selectors in <div> to contain a map

非常有用的 'quickstart' 在 html 中包含了 id 和 class css 选择器。

https://openlayers.org/en/latest/doc/quickstart.html

要将地图对象附加到 div,地图对象会将目标作为参数。该值是 div:

的id

在其他 OL 指南中,例如车间代码,则仅使用 id 选择器。

我了解选择性方面的差异,并且我知道减少选择性并使用 class 而不是 id 的指导,例如https://github.com/airbnb/css.

我不明白的是为什么 class 和 id 选择器可能需要一起用于一个相当简单的基于地图的应用程序。

我搜索了 OL GH 页面、SO、GIS-SE 等,但没有看到关于显示地图对象这一关键方面的明确指导。

如您所见,您需要 id,因为地图输出将显示在单个 div 中。如果一个页面上有两张地图,则需要两张 div 和不同的 id,这样两张地图可以显示不同的内容。
示例:给定地址的放大地图和邻域地图。

现在,如果您只有一张地图,您可以使用它的 id 设置样式,即将大小、边框等设置为 div id。但是,如果您的站点上有多个地图,您将需要一些通用样式,这依赖于使用 class.