// Small hand-authored monoline SVG icons for the sidebar, so the app // doesn't need to vendor an icon font/library for four glyphs. export const LAYERS_ICON = ` `; export const GPX_ICON = ` `; export const RADAR_ICON = ` `; export const GNSS_ICON = ` `; export const NEW_FOLDER_ICON = ` `; export const UPLOAD_ICON = ` `; // Shown next to each file in the GPX tree, indicating whether it has // waypoints, a track, or both. export const WAYPOINT_ICON = ` `; export const TRACK_ICON = GPX_ICON; // Same shape as TRACK_ICON, dashed — a route is planned rather than // recorded, the same visual convention most map apps use for the // distinction. export const ROUTE_ICON = ` `; // A rounded-square badge — used as the map marker for individual waypoints, // tinted by category color via icon-color (see gpx.js). Not a plain dot, // which blended in with a base map style's own small circular POI icons, // and not a pin/teardrop either — a rounded square is the National Park // Service's own convention for framing these exact category symbols // (POI_ICONS below), so pairing the two looks native rather than like two // mismatched icon styles. Centered on the coordinate (no tip to anchor at), // which also means the category glyph on top needs no offset — both layers // just share the same center anchor at [0, 0]. export const MAP_MARKER_ICON = ` `; // POI category glyphs (park4night/OsmAnd exports), keyed by the OsmAnd icon // name a file's extension carries — a small curated set for // the categories park4night actually uses (see waypoint_style in // lib/maptool/gpx.rb), not an exhaustive OsmAnd icon set. // // Six of these are the National Park Service's own map pictograms // (github.com/nationalparkservice/symbol-library, src/standalone/*-black-22), // not hand-drawn — a professional, widely-recognized icon set built for // exactly this job (small monochrome map markers) beats reinventing "fuel // pump"/"picnic table" glyphs from scratch. Used under that repo's license: // // BSD License. Copyright (c) 2013, Mapbox, LLC. All rights reserved. // Redistribution and use in source and binary forms, with or without // modification, are permitted provided that the copyright notice and // this list of conditions are retained. // // `forest` has no NPS equivalent (that set covers facilities, not land // cover) and stays hand-drawn. All filled shapes — these render at ~14px on // the map, where a hairline stroke disappears — and rasterized/used as SDF // map icons (see gpx.js), so only the alpha shape matters, not the actual // `currentColor` value. export const POI_ICONS = { // src/standalone/parking-black-22.svg amenity_parking: ` `, // src/standalone/campground-black-22.svg tourism_camp_site: ` `, // src/standalone/picnic-area-black-22.svg leisure_picnic_table: ` `, // src/standalone/gas-station-black-22.svg amenity_fuel: ` `, // src/standalone/lodging-black-22.svg tourism_hotel: ` `, forest: ` `, // src/standalone/bicycle-trail-black-22.svg sport_cycling: ` `, }; export const LIVETRACK_ICON = ` `;