Extra properties that set a geometry's colour and title on the map.
They customize how polygon geometries render, including visual styling and labelling.
Optional
The geometry's fill colour.
Overrides the default fill colour from the module configuration. Accepts any valid CSS colour value.
Colour formats:
color: '#FF5733'color: 'rgb(0, 128, 255)'color: 'rgba(255, 0, 0, 0.5)'color: 'red' Copy
color: '#FF5733'color: 'rgb(0, 128, 255)'color: 'rgba(255, 0, 0, 0.5)'color: 'red'
How this feature is filled, overriding the module's fill.style.
The geometry's display title.
An optional text label displayed at the center of the polygon. If not provided, no label is shown.
Common uses:
title: 'Amsterdam City Center'title: 'Zone A'title: '30 min driving range'title: undefined // No label Copy
title: 'Amsterdam City Center'title: 'Zone A'title: '30 min driving range'title: undefined // No label
Use cases:
These properties override default styling and allow per-feature customization.
const geometryProps: ExtraGeometryDisplayProps = { title: 'Amsterdam City Center', color: '#FF5733', eventState: 'click'};// With custom propertiesconst customProps: ExtraGeometryDisplayProps = { title: 'Delivery Zone A', color: '#00FF00', zoneId: 'zone-a', capacity: 100}; Copy
const geometryProps: ExtraGeometryDisplayProps = { title: 'Amsterdam City Center', color: '#FF5733', eventState: 'click'};// With custom propertiesconst customProps: ExtraGeometryDisplayProps = { title: 'Delivery Zone A', color: '#00FF00', zoneId: 'zone-a', capacity: 100};
Extra properties that set a geometry's colour and title on the map.
They customize how polygon geometries render, including visual styling and labelling.