Styling Map Feature Layers
Styling​
All three geometry formatting sections — Line, Point, and Polygon — appear on the same page. Configure only the section that matches your feature geometry; the others can be left at their defaults.
Line and Polygon formatting include a live preview on the right that updates as you make changes.
Line Formatting​
For line features such as roads, rivers, or patrol routes.
| Field | Description | Default | Recommendation |
|---|---|---|---|
| Stroke Color | Line color. Enter a hex code or use the color picker. | #FF6600 | Use distinct colors for overlapping line types. |
| Stroke Width | Line thickness in pixels. | 2 | Keep under 3 px for visual balance. |
| Stroke Opacity | Line transparency. 0 = invisible, 1 = fully solid. | 1.00 | 0.7–1.0 works well for most lines. |
Point Formatting​
For point features such as ranger posts, water sources, or camera traps.
| Field | Description | Default |
|---|---|---|
| Image URL | Path to an SVG icon, in the format /static/<iconname>.svg (e.g., /static/ranger_post_black.svg). Leave blank to display a default colored circle. | (blank) |
| Width | Icon width in pixels. | 20 |
| Height | Icon height in pixels. | 20 |
Some example icon paths (for coloured circle points):
/static/dot-bright_green.svg/static/dot-coral.svg/static/dot-dark_blue.svg/static/dot-medium_blue.svg/static/dot-medium_bright_blue.svg/static/dot-orange.svg/static/dot-pink.svg/static/dot-purple.svg/static/dot-red.svg/static/dot-teal.svg/static/dot-yellow.svg
You can see more examples of icon paths in the EarthRanger help center: Configure Feature Types for Map Layer Styling
Only SVG icons are supported — PNG and JPG files will not render correctly. The filename must exactly match an icon from the available icon list.
Polygon Formatting​
For polygon features such as park zones, lakes, or restricted areas.
| Field | Description | Default | Recommendation |
|---|---|---|---|
| Fill Color | Interior color. Enter a hex code or use the color picker. | #FF6600 | — |
| Fill Outline Color | Border color. | #FF6600 | Use a darker shade of the fill color. |
| Fill Opacity | Interior transparency. 0 = invisible, 1 = fully solid. | 0.25 | 0.2–0.4 for large areas to avoid obscuring the basemap. |