Map components

Location pins

Google style pin

Google Style Marker

This marker is based on the look of the google pin style and is able to accommodate icons and text abbreviations easily.

Dimensions:

At all zoom levels, this pin should be 21px wide.

Usage:

  • Only adjust the colour of the element with the specified colour (#4693EF)

  • The stroke around the edge is defined as 8% black and does not need to be changed

  • Text abbreviations within the marker should be 8.5px

White pin

White Marker

This marker is based on the look of the google pin style and is able to accommodate icons and text abbreviations easily.

Dimensions:

At all zoom levels, this pin should be 21px wide.

Usage:

  • Only adjust the colour of the element with the specified colour (#4693EF)

  • Text abbreviations within the marker should be 8px

Last updated

Was this helpful?