OpenLayers: почему селекторы классов и идентификаторов в <div>содержат карту

Question

Очень полезный «быстрый старт» включает в себя HTML и селекторы id и class.

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

Чтобы прикрепить объект карты к div, объект карты принимает цель в качестве аргументов.Значение является идентификатором div:

В других руководствах OL, например, код мастерской, используется только селектор идентификатора.

Я понимаю различия в избирательности, и я знаю, что руководство должно быть менее избирательным и использовать класс вместо идентификатора, например https://github.com/airbnb/css.

Что я не понимаю, так это почему селекторы класса и идентификатора могут бытьнеобходимо вместе для довольно простого приложения на основе карты.

Я просмотрел страницы OL GH, SO, GIS-SE и т. Д. И не вижу четких указаний по этому ключевому аспекту отображения объекта карты.

Answer 1

Как вы узнали, вам нужен id, потому что выходные данные карты будут отображаться в одном div.Если у вас есть две карты на странице, вам понадобятся две div с разными id, чтобы две карты могли отображать разный контент.
Пример: увеличенная карта для данного адреса и карта окрестностей.

Теперь, если у вас есть только одна карта, вы можете стилизовать ее, используя id, т.е. вы устанавливаете размер, границы и т. Д. В div id.Но если у вас есть несколько карт на вашем сайте, вам понадобятся некоторые общие стили, основанные на использовании class.