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
.
非常有用的 '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
.