Resizing Maps

This will adjust the height of an embedded map.

Utility

The map embed's size does not always fit the map's aspect ratio or the article layout. In these cases, its height needs to be changed.

Manufacturing

Targeting the Map

This adjustment is very specific to one particular map and its embedding context, so it's best to target it from the article CSS using the unique map ID. This ID can be found directly in the map embed tag.

[map:1c4c49fb-b46d-4056-af0a-a1c5abad997c|1000|1050|-1]

Copy that ID from the tag and insert the following into your article CSS.

.user-css .map-1c4c49fb-b46d-4056-af0a-a1c5abad997c{ }

Adjusting the size

The default size of the map embed is set explicitly inside the HTML tag. To override this, we need to enforce the new size with the "!important" flag.

.user-css .map-1c4c49fb-b46d-4056-af0a-a1c5abad997c{
  height:600px !important
}

Table of Contents

Access & Availability

Journeyman

Complexity

CSS

Discovery

own experiments

Currently it looks like only the first embed in an article is rendered. This is why there is no step-by-step example here.

The Result

Labratia

Open full size

default height

added height