mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-09-02 08:42:31 +00:00
1041 lines
32 KiB
TypeScript
1041 lines
32 KiB
TypeScript
import { PUBLIC_MAPBOX_TOKEN } from '$env/static/public';
|
|
import { TramFront, Utensils, ShoppingBasket, Droplet, ShowerHead, Fuel, CircleParking, Fence, FerrisWheel, Telescope, Bed, Mountain, Pickaxe, Store, TrainFront, Bus, Ship, Croissant } from 'lucide-static';
|
|
import { type AnySourceData, type Style } from 'mapbox-gl';
|
|
|
|
export const basemaps: { [key: string]: string | Style; } = {
|
|
mapboxOutdoors: 'mapbox://styles/mapbox/outdoors-v12',
|
|
mapboxSatellite: 'mapbox://styles/mapbox/satellite-streets-v12',
|
|
openStreetMap: {
|
|
version: 8,
|
|
sources: {
|
|
openStreetMap: {
|
|
type: 'raster',
|
|
tiles: ['https://a.tile.openstreetmap.org/{z}/{x}/{y}.png', 'https://b.tile.openstreetmap.org/{z}/{x}/{y}.png', 'https://c.tile.openstreetmap.org/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 18,
|
|
attribution: 'Map tiles by <a target="_top" rel="noopener" href="https://tile.openstreetmap.org/">OpenStreetMap tile servers</a>, under the <a target="_top" rel="noopener" href="https://operations.osmfoundation.org/policies/tiles/">tile usage policy</a>. Data by <a target="_top" rel="noopener" href="http://openstreetmap.org">OpenStreetMap</a>'
|
|
}
|
|
},
|
|
layers: [{
|
|
id: 'openStreetMap',
|
|
type: 'raster',
|
|
source: 'openStreetMap',
|
|
}],
|
|
},
|
|
openTopoMap: {
|
|
version: 8,
|
|
sources: {
|
|
openTopoMap: {
|
|
type: 'raster',
|
|
tiles: ['https://tile.opentopomap.org/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 17,
|
|
attribution: '© <a href="https://www.opentopomap.org" target="_blank">OpenTopoMap</a> © <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>'
|
|
}
|
|
},
|
|
layers: [{
|
|
id: 'openTopoMap',
|
|
type: 'raster',
|
|
source: 'openTopoMap',
|
|
}],
|
|
},
|
|
openHikingMap: {
|
|
version: 8,
|
|
sources: {
|
|
openHikingMap: {
|
|
type: 'raster',
|
|
tiles: ['https://maps.refuges.info/hiking/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 18,
|
|
attribution: '© <a href="https://wiki.openstreetmap.org/wiki/Hiking/mri" target="_blank">sly</a> © <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>'
|
|
}
|
|
},
|
|
layers: [{
|
|
id: 'openHikingMap',
|
|
type: 'raster',
|
|
source: 'openHikingMap',
|
|
}],
|
|
},
|
|
cyclOSM: {
|
|
version: 8,
|
|
sources: {
|
|
cyclOSM: {
|
|
type: 'raster',
|
|
tiles: ['https://a.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png', 'https://b.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png', 'https://c.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 17,
|
|
attribution: '© <a href="https://github.com/cyclosm/cyclosm-cartocss-style/releases" title="CyclOSM - Open Bicycle render">CyclOSM</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
|
|
}
|
|
},
|
|
layers: [{
|
|
id: 'cyclOSM',
|
|
type: 'raster',
|
|
source: 'cyclOSM',
|
|
}],
|
|
},
|
|
swisstopo: 'https://vectortiles.geo.admin.ch/styles/ch.swisstopo.basemap.vt/style.json',
|
|
swisstopoSatellite: 'https://vectortiles.geo.admin.ch/styles/ch.swisstopo.imagerybasemap.vt/style.json',
|
|
linz: 'https://basemaps.linz.govt.nz/v1/tiles/topographic/EPSG:3857/style/topographic.json?api=d01fbtg0ar23gctac5m0jgyy2ds',
|
|
linzTopo: {
|
|
version: 8,
|
|
sources: {
|
|
linzTopo: {
|
|
type: 'raster',
|
|
tiles: ['https://tiles-cdn.koordinates.com/services;key=39a8b989633a4bef98bc0e065380454a/tiles/v4/layer=50767/EPSG:3857/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 18,
|
|
attribution: '© <a href="https://www.linz.govt.nz/" target="_blank">LINZ</a>'
|
|
}
|
|
},
|
|
layers: [{
|
|
id: 'linzTopo',
|
|
type: 'raster',
|
|
source: 'linzTopo',
|
|
}],
|
|
},
|
|
ignBe: {
|
|
version: 8,
|
|
sources: {
|
|
ignBe: {
|
|
type: 'raster',
|
|
tiles: ['https://cartoweb.wmts.ngi.be/1.0.0/topo/default/3857/{z}/{y}/{x}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 17,
|
|
attribution: '© <a href="https://www.ngi.be/" target="_blank">IGN/NGI</a>'
|
|
}
|
|
},
|
|
layers: [{
|
|
id: 'ignBe',
|
|
type: 'raster',
|
|
source: 'ignBe',
|
|
}],
|
|
},
|
|
ignFrPlan: 'https://data.geopf.fr/annexes/ressources/vectorTiles/styles/PLAN.IGN/classique.json',
|
|
ignFrScan25: {
|
|
version: 8,
|
|
sources: {
|
|
ignFrScan25: {
|
|
type: 'raster',
|
|
tiles: ['https://data.geopf.fr/private/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&TILEMATRIXSET=PM&TILEMATRIX={z}&TILECOL={x}&TILEROW={y}&LAYER=GEOGRAPHICALGRIDSYSTEMS.MAPS.SCAN25TOUR&FORMAT=image/jpeg&STYLE=normal&apikey=ign_scan_ws'],
|
|
tileSize: 256,
|
|
maxzoom: 16,
|
|
attribution: 'IGN-F/Géoportail'
|
|
}
|
|
},
|
|
layers: [{
|
|
id: 'ignFrScan25',
|
|
type: 'raster',
|
|
source: 'ignFrScan25',
|
|
}],
|
|
},
|
|
ignFrSatellite: {
|
|
version: 8,
|
|
sources: {
|
|
ignFrSatellite: {
|
|
type: 'raster',
|
|
tiles: ['https://data.geopf.fr/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&STYLE=normal&TILEMATRIXSET=PM&FORMAT=image/jpeg&LAYER=ORTHOIMAGERY.ORTHOPHOTOS&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}'],
|
|
tileSize: 256,
|
|
maxzoom: 19,
|
|
attribution: 'IGN-F/Géoportail'
|
|
}
|
|
},
|
|
layers: [{
|
|
id: 'ignFrSatellite',
|
|
type: 'raster',
|
|
source: 'ignFrSatellite',
|
|
}],
|
|
},
|
|
ignEs: {
|
|
version: 8,
|
|
sources: {
|
|
ignEs: {
|
|
type: 'raster',
|
|
tiles: ['https://www.ign.es/wmts/mapa-raster?layer=MTN&style=default&tilematrixset=GoogleMapsCompatible&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image/jpeg&TileMatrix={z}&TileCol={x}&TileRow={y}'],
|
|
tileSize: 256,
|
|
maxzoom: 20,
|
|
attribution: 'IGN-F/Géoportail'
|
|
}
|
|
},
|
|
layers: [{
|
|
id: 'ignEs',
|
|
type: 'raster',
|
|
source: 'ignEs',
|
|
}],
|
|
},
|
|
ordnanceSurvey: {
|
|
version: 8,
|
|
sources: {
|
|
ordnanceSurvey: {
|
|
type: 'raster',
|
|
tiles: ['https://api.os.uk/maps/raster/v1/zxy/Outdoor_3857/{z}/{x}/{y}.png?key=piCT8WysfuC3xLSUW7sGLfrAAJoYDvQz'],
|
|
tileSize: 256,
|
|
maxzoom: 20,
|
|
attribution: '© <a href="http://www.ordnancesurvey.co.uk/" target="_blank">Ordnance Survey</a>'
|
|
}
|
|
},
|
|
layers: [{
|
|
id: 'ordnanceSurvey',
|
|
type: 'raster',
|
|
source: 'ordnanceSurvey',
|
|
}],
|
|
},
|
|
norwayTopo: {
|
|
version: 8,
|
|
sources: {
|
|
norwayTopo: {
|
|
type: 'raster',
|
|
tiles: ['https://cache.kartverket.no/v1/wmts/1.0.0/topo/default/webmercator/{z}/{y}/{x}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 20,
|
|
attribution: '© <a href="https://www.geonorge.no/" target="_blank">Geonorge</a>'
|
|
}
|
|
},
|
|
layers: [{
|
|
id: 'norwayTopo',
|
|
type: 'raster',
|
|
source: 'norwayTopo',
|
|
}],
|
|
},
|
|
swedenTopo: {
|
|
version: 8,
|
|
sources: {
|
|
swedenTopo: {
|
|
type: 'raster',
|
|
tiles: ['https://api.lantmateriet.se/open/topowebb-ccby/v1/wmts/token/1d54dd14-a28c-38a9-b6f3-b4ebfcc3c204/1.0.0/topowebb/default/3857/{z}/{y}/{x}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 14,
|
|
attribution: '© <a href="https://www.lantmateriet.se" target="_blank">Lantmäteriet</a>'
|
|
}
|
|
},
|
|
layers: [{
|
|
id: 'swedenTopo',
|
|
type: 'raster',
|
|
source: 'swedenTopo',
|
|
}],
|
|
},
|
|
finlandTopo: {
|
|
version: 8,
|
|
sources: {
|
|
finlandTopo: {
|
|
type: 'raster',
|
|
tiles: ['https://avoin-karttakuva.maanmittauslaitos.fi/avoin/wmts?layer=maastokartta&style=default&tilematrixset=WGS84_Pseudo-Mercator&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image/png&TileMatrix={z}&TileCol={x}&TileRow={y}&api-key=30cb768c-c968-493c-ae24-2b0b974ebd29'],
|
|
tileSize: 256,
|
|
maxzoom: 18,
|
|
attribution: '© <a href="https://www.maanmittauslaitos.fi/" target="_blank">Maanmittauslaitos</a>'
|
|
}
|
|
},
|
|
layers: [{
|
|
id: 'finlandTopo',
|
|
type: 'raster',
|
|
source: 'finlandTopo',
|
|
}],
|
|
},
|
|
bgMountains: {
|
|
version: 8,
|
|
sources: {
|
|
bgMountains: {
|
|
type: 'raster',
|
|
tiles: ['https://bgmtile.kade.si/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 19,
|
|
attribution: '<a href="http://mountain.bajhui.org/trac/wiki/BGMountains%20%D0%BB%D0%B5%D0%B3%D0%B5%D0%BD%D0%B4%D0%B0" target="_blank">BGM Legend</a> / <a href="https://cart.uni-plovdiv.net/" target="_blank">CART Lab</a>, <a href="http://www.bgmountains.org/" target="_blank">BGM team</a>, © <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>, <a href="http://bgmountains.org/en/maps/garmin-maps/category/9-bgmountains/" target="_blank">Garmin version</a>'
|
|
}
|
|
},
|
|
layers: [{
|
|
id: 'bgMountains',
|
|
type: 'raster',
|
|
source: 'bgMountains',
|
|
}],
|
|
},
|
|
usgs: {
|
|
version: 8,
|
|
sources: {
|
|
usgs: {
|
|
type: 'raster',
|
|
tiles: ['https://basemap.nationalmap.gov/arcgis/rest/services/USGSTopo/MapServer/tile/{z}/{y}/{x}?blankTile=false'],
|
|
tileSize: 256,
|
|
maxzoom: 16,
|
|
attribution: '© <a href="usgs.gov" target="_blank">USGS</a>'
|
|
}
|
|
},
|
|
layers: [{
|
|
id: 'usgs',
|
|
type: 'raster',
|
|
source: 'usgs',
|
|
}],
|
|
},
|
|
};
|
|
|
|
export function extendBasemap(basemap: string | Style): string | Style {
|
|
if (typeof basemap === 'object') {
|
|
basemap["glyphs"] = "mapbox://fonts/mapbox/{fontstack}/{range}.pbf";
|
|
basemap["sprite"] = `https://api.mapbox.com/styles/v1/mapbox/outdoors-v12/sprite?access_token=${PUBLIC_MAPBOX_TOKEN}`;
|
|
}
|
|
return basemap;
|
|
}
|
|
|
|
Object.values(basemaps).forEach(extendBasemap);
|
|
|
|
export const font: { [key: string]: string; } = {
|
|
swisstopo: 'Frutiger Neue Condensed Regular',
|
|
swisstopoSatellite: 'Frutiger Neue Condensed Regular',
|
|
};
|
|
|
|
export const overlays: { [key: string]: AnySourceData; } = {
|
|
cyclOSMlite: {
|
|
type: 'raster',
|
|
tiles: ['https://a.tile-cyclosm.openstreetmap.fr/cyclosm-lite/{z}/{x}/{y}.png', 'https://b.tile-cyclosm.openstreetmap.fr/cyclosm-lite/{z}/{x}/{y}.png', 'https://c.tile-cyclosm.openstreetmap.fr/cyclosm-lite/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 17,
|
|
attribution: '© <a href="https://github.com/cyclosm/cyclosm-cartocss-style/releases" title="CyclOSM - Open Bicycle render">CyclOSM</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
|
|
},
|
|
swisstopoSlope: {
|
|
type: 'raster',
|
|
tiles: ['https://wmts.geo.admin.ch/1.0.0/ch.swisstopo.hangneigung-ueber_30/default/current/3857/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 17,
|
|
attribution: '© <a href="https://www.swisstopo.admin.ch" target="_blank">swisstopo</a>',
|
|
},
|
|
swisstopoCycling: {
|
|
type: 'raster',
|
|
tiles: ['https://wmts.geo.admin.ch/1.0.0/ch.astra.veloland/default/current/3857/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 18,
|
|
attribution: '© <a href="https://www.swisstopo.admin.ch" target="_blank">swisstopo</a>'
|
|
},
|
|
swisstopoMountainBike: {
|
|
type: 'raster',
|
|
tiles: ['https://wmts.geo.admin.ch/1.0.0/ch.astra.mountainbikeland/default/current/3857/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 18,
|
|
attribution: '© <a href="https://www.swisstopo.admin.ch" target="_blank">swisstopo</a>'
|
|
},
|
|
swisstopoSkiTouring: {
|
|
type: 'raster',
|
|
tiles: ['https://wmts.geo.admin.ch/1.0.0/ch.swisstopo-karto.skitouren/default/current/3857/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 17,
|
|
attribution: '© <a href="https://www.swisstopo.admin.ch" target="_blank">swisstopo</a>'
|
|
},
|
|
ignFrCadastre: {
|
|
type: 'raster',
|
|
tiles: ['https://data.geopf.fr/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&TILEMATRIXSET=PM&TILEMATRIX={z}&TILECOL={x}&TILEROW={y}&LAYER=CADASTRALPARCELS.PARCELS&FORMAT=image/png&STYLE=normal'],
|
|
tileSize: 256,
|
|
maxzoom: 20,
|
|
attribution: 'IGN-F/Géoportail'
|
|
},
|
|
ignSlope: {
|
|
type: 'raster',
|
|
tiles: ['https://data.geopf.fr/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&TileMatrixSet=PM&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&Layer=GEOGRAPHICALGRIDSYSTEMS.SLOPES.MOUNTAIN&FORMAT=image/png&Style=normal'],
|
|
tileSize: 256,
|
|
maxzoom: 17,
|
|
attribution: 'IGN-F/Géoportail'
|
|
},
|
|
ignSkiTouring: {
|
|
type: 'raster',
|
|
tiles: ['https://data.geopf.fr/wmts?SERVICE=WMTS&VERSION=1.0.0&REQUEST=GetTile&TileMatrixSet=PM&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&Layer=TRACES.RANDO.HIVERNALE&FORMAT=image/png&Style=normal'],
|
|
tileSize: 256,
|
|
maxzoom: 16,
|
|
attribution: 'IGN-F/Géoportail'
|
|
},
|
|
waymarkedTrailsHiking: {
|
|
type: 'raster',
|
|
tiles: ['https://tile.waymarkedtrails.org/hiking/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 18,
|
|
attribution: '© <a href="https://www.waymarkedtrails.org" target="_blank">Waymarked Trails</a>'
|
|
},
|
|
waymarkedTrailsCycling: {
|
|
type: 'raster',
|
|
tiles: ['https://tile.waymarkedtrails.org/cycling/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 18,
|
|
attribution: '© <a href="https://www.waymarkedtrails.org" target="_blank">Waymarked Trails</a>'
|
|
},
|
|
waymarkedTrailsMTB: {
|
|
type: 'raster',
|
|
tiles: ['https://tile.waymarkedtrails.org/mtb/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 18,
|
|
attribution: '© <a href="https://www.waymarkedtrails.org" target="_blank">Waymarked Trails</a>'
|
|
},
|
|
waymarkedTrailsSkating: {
|
|
type: 'raster',
|
|
tiles: ['https://tile.waymarkedtrails.org/skating/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 18,
|
|
attribution: '© <a href="https://www.waymarkedtrails.org" target="_blank">Waymarked Trails</a>'
|
|
},
|
|
waymarkedTrailsHorseRiding: {
|
|
type: 'raster',
|
|
tiles: ['https://tile.waymarkedtrails.org/riding/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 18,
|
|
attribution: '© <a href="https://www.waymarkedtrails.org" target="_blank">Waymarked Trails</a>'
|
|
},
|
|
waymarkedTrailsWinter: {
|
|
type: 'raster',
|
|
tiles: ['https://tile.waymarkedtrails.org/slopes/{z}/{x}/{y}.png'],
|
|
tileSize: 256,
|
|
maxzoom: 18,
|
|
attribution: '© <a href="https://www.waymarkedtrails.org" target="_blank">Waymarked Trails</a>'
|
|
},
|
|
stravaHeatmapRun: {
|
|
type: 'raster',
|
|
tiles: [],
|
|
tileSize: 1024,
|
|
maxzoom: 15,
|
|
attribution: '© <a href="https://www.strava.com" target="_blank">Strava</a>'
|
|
},
|
|
stravaHeatmapTrailRun: {
|
|
type: 'raster',
|
|
tiles: [],
|
|
tileSize: 1024,
|
|
maxzoom: 15,
|
|
attribution: '© <a href="https://www.strava.com" target="_blank">Strava</a>'
|
|
},
|
|
stravaHeatmapHike: {
|
|
type: 'raster',
|
|
tiles: [],
|
|
tileSize: 1024,
|
|
maxzoom: 15,
|
|
attribution: '© <a href="https://www.strava.com" target="_blank">Strava</a>'
|
|
},
|
|
stravaHeatmapRide: {
|
|
type: 'raster',
|
|
tiles: [],
|
|
tileSize: 1024,
|
|
maxzoom: 15,
|
|
attribution: '© <a href="https://www.strava.com" target="_blank">Strava</a>'
|
|
},
|
|
stravaHeatmapGravel: {
|
|
type: 'raster',
|
|
tiles: [],
|
|
tileSize: 1024,
|
|
maxzoom: 15,
|
|
attribution: '© <a href="https://www.strava.com" target="_blank">Strava</a>'
|
|
},
|
|
stravaHeatmapMTB: {
|
|
type: 'raster',
|
|
tiles: [],
|
|
tileSize: 1024,
|
|
maxzoom: 15,
|
|
attribution: '© <a href="https://www.strava.com" target="_blank">Strava</a>'
|
|
},
|
|
stravaHeatmapWater: {
|
|
type: 'raster',
|
|
tiles: [],
|
|
tileSize: 1024,
|
|
maxzoom: 15,
|
|
attribution: '© <a href="https://www.strava.com" target="_blank">Strava</a>'
|
|
},
|
|
stravaHeatmapWinter: {
|
|
type: 'raster',
|
|
tiles: [],
|
|
tileSize: 1024,
|
|
maxzoom: 15,
|
|
attribution: '© <a href="https://www.strava.com" target="_blank">Strava</a>'
|
|
},
|
|
};
|
|
|
|
export const defaultOpacities: { [key: string]: number; } = {
|
|
ignFrCadastre: 0.5,
|
|
ignSlope: 0.4,
|
|
swisstopoSlope: 0.4,
|
|
};
|
|
|
|
export type LayerTreeType = { [key: string]: LayerTreeType | boolean; };
|
|
|
|
// Hierarchy containing all basemaps
|
|
export const basemapTree: LayerTreeType = {
|
|
basemaps: {
|
|
world: {
|
|
mapboxOutdoors: true,
|
|
mapboxSatellite: true,
|
|
openStreetMap: true,
|
|
openTopoMap: true,
|
|
openHikingMap: true,
|
|
cyclOSM: true
|
|
},
|
|
countries: {
|
|
belgium: {
|
|
ignBe: true,
|
|
},
|
|
bulgaria: {
|
|
bgMountains: true,
|
|
},
|
|
finland: {
|
|
finlandTopo: true,
|
|
},
|
|
france: {
|
|
ignFrPlan: true,
|
|
ignFrScan25: true,
|
|
ignFrSatellite: true,
|
|
},
|
|
new_zealand: {
|
|
linz: true,
|
|
linzTopo: true,
|
|
},
|
|
norway: {
|
|
norwayTopo: true,
|
|
},
|
|
spain: {
|
|
ignEs: true,
|
|
},
|
|
sweden: {
|
|
swedenTopo: true,
|
|
},
|
|
switzerland: {
|
|
swisstopo: true,
|
|
swisstopoSatellite: true,
|
|
},
|
|
united_kingdom: {
|
|
ordnanceSurvey: true,
|
|
},
|
|
united_states: {
|
|
usgs: true,
|
|
}
|
|
},
|
|
},
|
|
}
|
|
|
|
// Hierarchy containing all overlays
|
|
export const overlayTree: LayerTreeType = {
|
|
overlays: {
|
|
world: {
|
|
cyclOSM: {
|
|
cyclOSMlite: true,
|
|
},
|
|
/*strava: {
|
|
stravaHeatmapRun: true,
|
|
stravaHeatmapTrailRun: true,
|
|
stravaHeatmapHike: true,
|
|
stravaHeatmapRide: true,
|
|
stravaHeatmapGravel: true,
|
|
stravaHeatmapMTB: true,
|
|
stravaHeatmapWater: true,
|
|
stravaHeatmapWinter: true,
|
|
},*/
|
|
waymarked_trails: {
|
|
waymarkedTrailsHiking: true,
|
|
waymarkedTrailsCycling: true,
|
|
waymarkedTrailsMTB: true,
|
|
waymarkedTrailsSkating: true,
|
|
waymarkedTrailsHorseRiding: true,
|
|
waymarkedTrailsWinter: true,
|
|
}
|
|
},
|
|
countries: {
|
|
france: {
|
|
ignFrCadastre: true,
|
|
ignSlope: true,
|
|
ignSkiTouring: true,
|
|
},
|
|
switzerland: {
|
|
swisstopoSlope: true,
|
|
swisstopoCycling: true,
|
|
swisstopoMountainBike: true,
|
|
swisstopoSkiTouring: true,
|
|
}
|
|
},
|
|
},
|
|
}
|
|
|
|
// Hierachy containing all Overpass layers
|
|
export const overpassTree: LayerTreeType = {
|
|
points_of_interest: {
|
|
food: {
|
|
bakery: true,
|
|
"food-store": true,
|
|
"eat-and-drink": true,
|
|
},
|
|
amenities: {
|
|
toilets: true,
|
|
"water": true,
|
|
"water-spring": true,
|
|
shower: true,
|
|
"fuel-station": true,
|
|
parking: true,
|
|
barrier: true
|
|
},
|
|
tourism: {
|
|
attraction: true,
|
|
viewpoint: true,
|
|
accommodation: true,
|
|
summit: true,
|
|
pass: true,
|
|
climbing: true,
|
|
},
|
|
bicycle: {
|
|
"bicycle-parking": true,
|
|
"bicycle-rental": true,
|
|
"bicycle-shop": true
|
|
},
|
|
"public-transport": {
|
|
"railway-station": true,
|
|
"tram-stop": true,
|
|
"bus-stop": true,
|
|
ferry: true
|
|
},
|
|
},
|
|
};
|
|
|
|
// Default basemap used
|
|
export const defaultBasemap = 'mapboxOutdoors';
|
|
|
|
// Default overlays used (none)
|
|
export const defaultOverlays = {
|
|
overlays: {
|
|
world: {
|
|
cyclOSM: {
|
|
cyclOSMlite: false,
|
|
},
|
|
/*strava: {
|
|
stravaHeatmapRun: false,
|
|
stravaHeatmapTrailRun: false,
|
|
stravaHeatmapHike: false,
|
|
stravaHeatmapRide: false,
|
|
stravaHeatmapGravel: false,
|
|
stravaHeatmapMTB: false,
|
|
stravaHeatmapWater: false,
|
|
stravaHeatmapWinter: false,
|
|
},*/
|
|
waymarked_trails: {
|
|
waymarkedTrailsHiking: false,
|
|
waymarkedTrailsCycling: false,
|
|
waymarkedTrailsMTB: false,
|
|
waymarkedTrailsSkating: false,
|
|
waymarkedTrailsHorseRiding: false,
|
|
waymarkedTrailsWinter: false,
|
|
}
|
|
},
|
|
countries: {
|
|
france: {
|
|
ignFrCadastre: false,
|
|
ignSlope: false,
|
|
ignSkiTouring: false,
|
|
},
|
|
switzerland: {
|
|
swisstopoSlope: false,
|
|
swisstopoCycling: false,
|
|
swisstopoMountainBike: false,
|
|
swisstopoSkiTouring: false,
|
|
}
|
|
},
|
|
},
|
|
};
|
|
|
|
// Default Overpass queries used (none)
|
|
export const defaultOverpassQueries: LayerTreeType = {
|
|
points_of_interest: {
|
|
"food": {
|
|
bakery: false,
|
|
"food-store": false,
|
|
"eat-and-drink": false,
|
|
},
|
|
amenities: {
|
|
toilets: false,
|
|
"water": false,
|
|
"water-spring": false,
|
|
shower: false,
|
|
"fuel-station": false,
|
|
parking: false,
|
|
barrier: false
|
|
},
|
|
tourism: {
|
|
attraction: false,
|
|
viewpoint: false,
|
|
accommodation: false,
|
|
summit: false,
|
|
pass: false,
|
|
climbing: false
|
|
},
|
|
bicycle: {
|
|
"bicycle-parking": false,
|
|
"bicycle-rental": false,
|
|
"bicycle-shop": false
|
|
},
|
|
"public-transport": {
|
|
"railway-station": false,
|
|
"tram-stop": false,
|
|
"bus-stop": false,
|
|
ferry: false
|
|
},
|
|
},
|
|
};
|
|
|
|
// Default basemaps shown in the layer menu
|
|
export const defaultBasemapTree: LayerTreeType = {
|
|
basemaps: {
|
|
world: {
|
|
mapboxOutdoors: true,
|
|
mapboxSatellite: true,
|
|
openStreetMap: true,
|
|
openTopoMap: true,
|
|
openHikingMap: true,
|
|
cyclOSM: true
|
|
},
|
|
countries: {
|
|
belgium: {
|
|
ignBe: false,
|
|
},
|
|
bulgaria: {
|
|
bgMountains: false,
|
|
},
|
|
finland: {
|
|
finlandTopo: false,
|
|
},
|
|
france: {
|
|
ignFrPlan: false,
|
|
ignFrScan25: false,
|
|
ignFrSatellite: false,
|
|
},
|
|
new_zealand: {
|
|
linz: false,
|
|
linzTopo: false,
|
|
},
|
|
norway: {
|
|
norwayTopo: false,
|
|
},
|
|
spain: {
|
|
ignEs: false,
|
|
},
|
|
sweden: {
|
|
swedenTopo: false,
|
|
},
|
|
switzerland: {
|
|
swisstopo: false,
|
|
swisstopoSatellite: false,
|
|
},
|
|
united_kingdom: {
|
|
ordnanceSurvey: false,
|
|
},
|
|
united_states: {
|
|
usgs: false,
|
|
}
|
|
},
|
|
}
|
|
};
|
|
|
|
// Default overlays shown in the layer menu
|
|
export const defaultOverlayTree: LayerTreeType = {
|
|
overlays: {
|
|
world: {
|
|
cyclOSM: {
|
|
cyclOSMlite: false,
|
|
},
|
|
/*strava: {
|
|
stravaHeatmapRun: true,
|
|
stravaHeatmapTrailRun: true,
|
|
stravaHeatmapHike: true,
|
|
stravaHeatmapRide: true,
|
|
stravaHeatmapGravel: true,
|
|
stravaHeatmapMTB: true,
|
|
stravaHeatmapWater: true,
|
|
stravaHeatmapWinter: true,
|
|
},*/
|
|
waymarked_trails: {
|
|
waymarkedTrailsHiking: true,
|
|
waymarkedTrailsCycling: true,
|
|
waymarkedTrailsMTB: true,
|
|
waymarkedTrailsSkating: false,
|
|
waymarkedTrailsHorseRiding: false,
|
|
waymarkedTrailsWinter: false,
|
|
}
|
|
},
|
|
countries: {
|
|
france: {
|
|
ignFrCadastre: false,
|
|
ignSlope: false,
|
|
ignSkiTouring: false,
|
|
},
|
|
switzerland: {
|
|
swisstopoSlope: false,
|
|
swisstopoCycling: false,
|
|
swisstopoMountainBike: false,
|
|
swisstopoSkiTouring: false,
|
|
}
|
|
},
|
|
}
|
|
}
|
|
|
|
// Default Overpass queries shown in the layer menu
|
|
export const defaultOverpassTree: LayerTreeType = {
|
|
points_of_interest: {
|
|
"food": {
|
|
bakery: true,
|
|
"food-store": true,
|
|
"eat-and-drink": true,
|
|
},
|
|
amenities: {
|
|
toilets: true,
|
|
"water": true,
|
|
"water-spring": false,
|
|
shower: false,
|
|
"fuel-station": false,
|
|
parking: false,
|
|
barrier: false
|
|
},
|
|
tourism: {
|
|
attraction: false,
|
|
viewpoint: false,
|
|
accommodation: true,
|
|
summit: true,
|
|
pass: true,
|
|
climbing: false
|
|
},
|
|
bicycle: {
|
|
"bicycle-parking": false,
|
|
"bicycle-rental": false,
|
|
"bicycle-shop": true
|
|
},
|
|
"public-transport": {
|
|
"railway-station": true,
|
|
"tram-stop": true,
|
|
"bus-stop": true,
|
|
ferry: false
|
|
},
|
|
},
|
|
};
|
|
|
|
export type CustomLayer = {
|
|
id: string,
|
|
name: string,
|
|
tileUrls: string[],
|
|
maxZoom: number,
|
|
layerType: 'basemap' | 'overlay',
|
|
resourceType: 'raster' | 'vector',
|
|
value: string | {},
|
|
};
|
|
|
|
type OverpassQueryData = {
|
|
icon: {
|
|
svg: string,
|
|
color: string,
|
|
},
|
|
tags: Record<string, string | boolean | string[]>,
|
|
};
|
|
|
|
export const overpassQueryData: Record<string, OverpassQueryData> = {
|
|
"bakery": {
|
|
icon: {
|
|
svg: Croissant,
|
|
color: "Coral",
|
|
},
|
|
tags: {
|
|
shop: "bakery"
|
|
}
|
|
},
|
|
"food-store": {
|
|
icon: {
|
|
svg: ShoppingBasket,
|
|
color: "Coral",
|
|
},
|
|
tags: {
|
|
shop: ["supermarket", "convenience"],
|
|
}
|
|
},
|
|
"eat-and-drink": {
|
|
icon: {
|
|
svg: Utensils,
|
|
color: "Coral",
|
|
},
|
|
tags: {
|
|
amenity: ["restaurant", "fast_food", "cafe", "pub", "bar"]
|
|
}
|
|
},
|
|
"toilets": {
|
|
icon: {
|
|
svg: Droplet,
|
|
color: "DeepSkyBlue",
|
|
},
|
|
tags: {
|
|
amenity: "toilets"
|
|
}
|
|
},
|
|
water: {
|
|
icon: {
|
|
svg: Droplet,
|
|
color: "DeepSkyBlue",
|
|
},
|
|
tags: {
|
|
amenity: ["drinking_water", "water_point"]
|
|
}
|
|
},
|
|
"water-spring": {
|
|
icon: {
|
|
svg: Droplet,
|
|
color: "DeepSkyBlue",
|
|
},
|
|
tags: {
|
|
natural: "spring",
|
|
drinking_water: "yes"
|
|
}
|
|
},
|
|
shower: {
|
|
icon: {
|
|
svg: ShowerHead,
|
|
color: "DeepSkyBlue",
|
|
},
|
|
tags: {
|
|
amenity: "shower"
|
|
}
|
|
},
|
|
"fuel-station": {
|
|
icon: {
|
|
svg: Fuel,
|
|
color: "#000000",
|
|
},
|
|
tags: {
|
|
amenity: "fuel"
|
|
}
|
|
},
|
|
parking: {
|
|
icon: {
|
|
svg: CircleParking,
|
|
color: "#000000",
|
|
},
|
|
tags: {
|
|
amenity: "parking"
|
|
}
|
|
},
|
|
barrier: {
|
|
icon: {
|
|
svg: Fence,
|
|
color: "#000000",
|
|
},
|
|
tags: {
|
|
barrier: true
|
|
}
|
|
},
|
|
attraction: {
|
|
icon: {
|
|
svg: FerrisWheel,
|
|
color: "Green",
|
|
},
|
|
tags: {
|
|
tourism: "attraction"
|
|
}
|
|
},
|
|
viewpoint: {
|
|
icon: {
|
|
svg: Telescope,
|
|
color: "Green",
|
|
},
|
|
tags: {
|
|
tourism: "viewpoint"
|
|
}
|
|
},
|
|
accommodation: {
|
|
icon: {
|
|
svg: Bed,
|
|
color: "#e6c100",
|
|
},
|
|
tags: {
|
|
tourism: ["hotel", "hostel", "guest_house", "motel", "camp_site", "alpine_hut", "wilderness_hut"]
|
|
}
|
|
},
|
|
summit: {
|
|
icon: {
|
|
svg: Mountain,
|
|
color: "Green",
|
|
},
|
|
tags: {
|
|
natural: "peak"
|
|
}
|
|
},
|
|
pass: {
|
|
icon: {
|
|
svg: Mountain,
|
|
color: "Green",
|
|
},
|
|
tags: {
|
|
mountain_pass: "yes"
|
|
}
|
|
},
|
|
climbing: {
|
|
icon: {
|
|
svg: Pickaxe,
|
|
color: "Green",
|
|
},
|
|
tags: {
|
|
sport: "climbing"
|
|
}
|
|
},
|
|
"bicycle-parking": {
|
|
icon: {
|
|
svg: CircleParking,
|
|
color: "HotPink",
|
|
},
|
|
tags: {
|
|
amenity: "bicycle_parking"
|
|
}
|
|
},
|
|
"bicycle-rental": {
|
|
icon: {
|
|
svg: Store,
|
|
color: "HotPink",
|
|
},
|
|
tags: {
|
|
amenity: "bicycle_rental"
|
|
}
|
|
},
|
|
"bicycle-shop": {
|
|
icon: {
|
|
svg: Store,
|
|
color: "HotPink",
|
|
},
|
|
tags: {
|
|
shop: "bicycle"
|
|
}
|
|
},
|
|
"railway-station": {
|
|
icon: {
|
|
svg: TrainFront,
|
|
color: "DarkBlue",
|
|
},
|
|
tags: {
|
|
railway: "station"
|
|
}
|
|
},
|
|
"tram-stop": {
|
|
icon: {
|
|
svg: TramFront,
|
|
color: 'DarkBlue',
|
|
},
|
|
tags: {
|
|
railway: "tram_stop"
|
|
},
|
|
},
|
|
"bus-stop": {
|
|
icon: {
|
|
svg: Bus,
|
|
color: "DarkBlue",
|
|
},
|
|
tags: {
|
|
"public_transport": ["stop_position", "platform"],
|
|
bus: "yes"
|
|
}
|
|
},
|
|
ferry: {
|
|
icon: {
|
|
svg: Ship,
|
|
color: "DarkBlue",
|
|
},
|
|
tags: {
|
|
amenity: "ferry_terminal"
|
|
}
|
|
}
|
|
};
|
|
|
|
export const stravaHeatmapServers = ['https://heatmap-external-a.strava.com/tiles-auth', 'https://heatmap-external-b.strava.com/tiles-auth', 'https://heatmap-external-c.strava.com/tiles-auth'];
|
|
export const stravaHeatmapActivityIds: { [key: string]: string } = {
|
|
stravaHeatmapRun: 'sport_Run',
|
|
stravaHeatmapTrailRun: 'sport_TrailRun',
|
|
stravaHeatmapHike: 'sport_Hike',
|
|
stravaHeatmapRide: 'sport_Ride',
|
|
stravaHeatmapGravel: 'sport_GravelRide',
|
|
stravaHeatmapMTB: 'sport_MountainBikeRide',
|
|
stravaHeatmapWater: 'water',
|
|
stravaHeatmapWinter: 'winter',
|
|
} |