首页 > 解决方案 > OpenLayers:为什么要使用类和 ID 选择器

包含地图

问题描述

非常有用的“快速入门”包括 html 中的 id 和 class css 选择器。

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

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

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

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

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

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

标签: cssopenlayersopenlayers-3

解决方案


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

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


推荐阅读