mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-10-19 21:46:49 +00:00
Maurice
649735726f
On a GL map (Mapbox Standard) the basemap labels fell back to the browser/OS locale, so place and country names showed stacked in several scripts (e.g. 'India / भारत / India') regardless of the chosen language. Pin Mapbox Standard's basemap label language to the user's UI language via the basemap 'language' config property, mapping the few TREK codes that differ (br->pt, gr->el, zh/zhTw->zh-Hans/zh-Hant). Applies to both the trip map and the journey map; classic and MapLibre styles are left unchanged.
88 lines
3.9 KiB
TypeScript
88 lines
3.9 KiB
TypeScript
export type GlMapProvider = 'mapbox-gl' | 'maplibre-gl'
|
|
|
|
export interface GlStylePreset {
|
|
name: string
|
|
url: string
|
|
tags?: string[]
|
|
}
|
|
|
|
export const MAPBOX_DEFAULT_STYLE = 'mapbox://styles/mapbox/standard'
|
|
export const OPENFREEMAP_DEFAULT_STYLE = 'https://tiles.openfreemap.org/styles/liberty'
|
|
|
|
export const MAPBOX_STYLE_PRESETS: GlStylePreset[] = [
|
|
{ name: 'Mapbox Standard', url: MAPBOX_DEFAULT_STYLE, tags: ['3D', 'Apple-like'] },
|
|
{ name: 'Standard Satellite', url: 'mapbox://styles/mapbox/standard-satellite', tags: ['3D', 'Satellite'] },
|
|
{ name: 'Streets', url: 'mapbox://styles/mapbox/streets-v12', tags: ['3D', 'Classic'] },
|
|
{ name: 'Outdoors', url: 'mapbox://styles/mapbox/outdoors-v12', tags: ['3D', 'Terrain'] },
|
|
{ name: 'Light', url: 'mapbox://styles/mapbox/light-v11', tags: ['3D', 'Minimal'] },
|
|
{ name: 'Dark', url: 'mapbox://styles/mapbox/dark-v11', tags: ['3D', 'Dark'] },
|
|
{ name: 'Satellite', url: 'mapbox://styles/mapbox/satellite-v9', tags: ['3D', 'Satellite'] },
|
|
{ name: 'Satellite Streets', url: 'mapbox://styles/mapbox/satellite-streets-v12', tags: ['3D', 'Satellite'] },
|
|
{ name: 'Navigation Day', url: 'mapbox://styles/mapbox/navigation-day-v1', tags: ['3D', 'Apple-like'] },
|
|
{ name: 'Navigation Night', url: 'mapbox://styles/mapbox/navigation-night-v1', tags: ['3D', 'Dark'] },
|
|
]
|
|
|
|
export const OPENFREEMAP_STYLE_PRESETS: GlStylePreset[] = [
|
|
{ name: 'OpenFreeMap Liberty', url: OPENFREEMAP_DEFAULT_STYLE, tags: ['OpenFreeMap', '2D'] },
|
|
{ name: 'OpenFreeMap Bright', url: 'https://tiles.openfreemap.org/styles/bright', tags: ['OpenFreeMap', 'Classic'] },
|
|
{ name: 'OpenFreeMap Positron', url: 'https://tiles.openfreemap.org/styles/positron', tags: ['OpenFreeMap', 'Minimal'] },
|
|
]
|
|
|
|
export function getStylePresets(provider: GlMapProvider): GlStylePreset[] {
|
|
return provider === 'maplibre-gl' ? OPENFREEMAP_STYLE_PRESETS : MAPBOX_STYLE_PRESETS
|
|
}
|
|
|
|
export function defaultStyleForProvider(provider: GlMapProvider): string {
|
|
return provider === 'maplibre-gl' ? OPENFREEMAP_DEFAULT_STYLE : MAPBOX_DEFAULT_STYLE
|
|
}
|
|
|
|
export function isOpenFreeMapStyle(style?: string | null): boolean {
|
|
return (style || '').trim().startsWith('https://tiles.openfreemap.org/')
|
|
}
|
|
|
|
export function normalizeStyleForProvider(provider: GlMapProvider, style?: string | null): string {
|
|
const trimmed = (style || '').trim()
|
|
if (!trimmed) return defaultStyleForProvider(provider)
|
|
if (provider === 'maplibre-gl') {
|
|
return isOpenFreeMapStyle(trimmed) ? trimmed : OPENFREEMAP_DEFAULT_STYLE
|
|
}
|
|
return trimmed
|
|
}
|
|
|
|
/** The settings key that holds the style for a given GL provider. */
|
|
export function styleSettingKey(provider: GlMapProvider): 'mapbox_style' | 'maplibre_style' {
|
|
return provider === 'maplibre-gl' ? 'maplibre_style' : 'mapbox_style'
|
|
}
|
|
|
|
/**
|
|
* Each GL provider keeps its style in its own slot (mapbox_style / maplibre_style), so
|
|
* switching providers never overwrites the other one's custom style. Picks and normalizes
|
|
* the style for the active provider.
|
|
*/
|
|
export function styleForActiveProvider(
|
|
provider: GlMapProvider,
|
|
mapboxStyle?: string | null,
|
|
maplibreStyle?: string | null,
|
|
): string {
|
|
return normalizeStyleForProvider(provider, provider === 'maplibre-gl' ? maplibreStyle : mapboxStyle)
|
|
}
|
|
|
|
// A few TREK UI language codes differ from what the GL basemap expects for its labels.
|
|
const BASEMAP_LANG_OVERRIDES: Record<string, string> = {
|
|
br: 'pt', // TREK 'br' = Brazilian Portuguese
|
|
gr: 'el', // TREK 'gr' = Greek
|
|
zh: 'zh-Hans',
|
|
zhTw: 'zh-Hant',
|
|
'zh-TW': 'zh-Hant',
|
|
}
|
|
|
|
/**
|
|
* Maps a TREK UI language code to the label language the GL basemap expects. Used to pin
|
|
* Mapbox Standard's basemap labels to the user's language so they don't fall back to the
|
|
* browser/OS locale and stack multiple scripts per place (#1299).
|
|
*/
|
|
export function basemapLanguage(uiLang: string | undefined): string {
|
|
const code = (uiLang || 'en').trim()
|
|
return BASEMAP_LANG_OVERRIDES[code] ?? code
|
|
}
|