Edit an itinerary on the map styling
How the elements on Edit an itinerary on the map are painted. Every element takes className and style on the same terms, alongside the icons and strings that customizing the elements explains in full.
EditorMapView
classNamestring
The class of the container the map attaches its canvas to. Follows every render.
A container given a class is sized by that class: the fill described under style is left out, since an inline declaration outranks every rule a class carries. A string that names no class, empty or blank, is read as none, and the fill stays.
styleElementStyle
CSS for the container element.
style is the DOM's word here, not MapLibre's: the map style goes on the terrain seeds above. Supplying it replaces the fill and is never merged with it, so a caller sizing the map takes over the sizing entirely, and one who only wants a border writes { height: "100%", width: "100%", border: "1px solid" }.
ViewerMapView
classNamestring
The class of the container the map attaches its canvas to. Follows every render.
A container given a class is sized by that class: the fill described under style is left out, since an inline declaration outranks every rule a class carries. A string that names no class, empty or blank, is read as none, and the fill stays.
styleElementStyle
CSS for the container element.
style is the DOM's word here, not MapLibre's: the map style goes on the terrain seeds above. Supplying it replaces the fill and is never merged with it, so a caller sizing the map takes over the sizing entirely, and one who only wants a border writes { height: "100%", width: "100%", border: "1px solid" }.