antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2026-03-01 12:44:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

extend raster tiles config

Browse Source
This commit is contained in:
Anton Tranelis 2025-10-12 07:22:45 +02:00
parent 23b50905d8
commit dcdf6c04b8
6 changed files with 107 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/pages/MapContainer.tsx
View File

@ -89,6 +89,8 @@ function MapContainer({ layers, map }: { layers: LayerProps[]; map: any }) {
tilesType={map.tiles_type}
maplibreStyle={map.maplibre_style}
showFullscreenControl={map.show_fullscreen_control}
zoomOffset={map.zoom_offset}
tileSize={map.tile_size}
>
{layers &&
apis &&

4
backend/directus-config/development/snapshot/fields/maps/tile_server_attribution.json
View File

@ -8,7 +8,7 @@
"display": null,
"display_options": null,
"field": "tile_server_attribution",
"group": "raster_tiles",
"group": "tile_server",
"hidden": false,
"interface": "input",
"note": "Attribution text for raster tiles",
@ -17,7 +17,7 @@
},
"readonly": false,
"required": false,
"sort": 2,
"sort": 4,
"special": null,
"translations": null,
"validation": null,

43
backend/directus-config/development/snapshot/fields/maps/tile_size.json Normal file
View File

@ -0,0 +1,43 @@
{
"collection": "maps",
"field": "tile_size",
"type": "integer",
"meta": {
"collection": "maps",
"conditions": null,
"display": null,
"display_options": null,
"field": "tile_size",
"group": "raster_tiles",
"hidden": false,
"interface": "input",
"note": null,
"options": null,
"readonly": false,
"required": false,
"sort": 2,
"special": null,
"translations": null,
"validation": null,
"validation_message": null,
"width": "half"
},
"schema": {
"name": "tile_size",
"table": "maps",
"data_type": "integer",
"default_value": 256,
"max_length": null,
"numeric_precision": 32,
"numeric_scale": 0,
"is_nullable": true,
"is_unique": false,
"is_indexed": false,
"is_primary_key": false,
"is_generated": false,
"generation_expression": null,
"has_auto_increment": false,
"foreign_key_table": null,
"foreign_key_column": null
}
}

45
backend/directus-config/development/snapshot/fields/maps/zoom_offset.json Normal file
View File

@ -0,0 +1,45 @@
{
"collection": "maps",
"field": "zoom_offset",
"type": "integer",
"meta": {
"collection": "maps",
"conditions": null,
"display": null,
"display_options": null,
"field": "zoom_offset",
"group": "raster_tiles",
"hidden": false,
"interface": "input",
"note": null,
"options": {
"min": 0
},
"readonly": false,
"required": false,
"sort": 3,
"special": null,
"translations": null,
"validation": null,
"validation_message": null,
"width": "half"
},
"schema": {
"name": "zoom_offset",
"table": "maps",
"data_type": "integer",
"default_value": -1,
"max_length": null,
"numeric_precision": 32,
"numeric_scale": 0,
"is_nullable": true,
"is_unique": false,
"is_indexed": false,
"is_primary_key": false,
"is_generated": false,
"generation_expression": null,
"has_auto_increment": false,
"foreign_key_table": null,
"foreign_key_column": null
}
}

8
lib/src/Components/Map/UtopiaMap.tsx
View File

@ -61,6 +61,8 @@ function UtopiaMap({
tileServerAttribution,
tilesType = 'raster',
maplibreStyle,
zoomOffset,
tileSize,
}: {
/** height of the map (default '500px') */
height?: string
@ -100,6 +102,10 @@ function UtopiaMap({
tilesType?: 'raster' | 'maplibre'
/** MapLibre style URL for vector tiles (default: OpenFreeMap Liberty) */
maplibreStyle?: string
/** zoom offset which is needed for some raster tile provider (eg. Mapbox) */
zoomOffset?: number
/** tile size (default 256) */
tileSize?: number
}) {
return (
<ContextWrapper>
@ -124,6 +130,8 @@ function UtopiaMap({
tileServerAttribution={tileServerAttribution}
tilesType={tilesType}
maplibreStyle={maplibreStyle}
zoomOffset={zoomOffset}
tileSize={tileSize}
>
{children}
</UtopiaMapInner>

8
lib/src/Components/Map/UtopiaMapInner.tsx
View File

@ -62,6 +62,8 @@ export function UtopiaMapInner({
tileServerAttribution,
tilesType,
maplibreStyle,
zoomOffset = 0,
tileSize = 256,
}: {
children?: React.ReactNode
geo?: GeoJsonObject
@ -77,6 +79,8 @@ export function UtopiaMapInner({
tileServerAttribution?: string
tilesType?: 'raster' | 'maplibre'
maplibreStyle?: string
zoomOffset?: number
tileSize?: number
}) {
const selectNewItemPosition = useSelectPosition()
const setSelectNewItemPosition = useSetSelectPosition()
@ -292,6 +296,8 @@ export function UtopiaMapInner({
{tilesType === 'raster' ? (
<TileLayer
maxZoom={19}
tileSize={tileSize}
zoomOffset={zoomOffset}
attribution={
tileServerAttribution ??
'&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
@ -299,7 +305,7 @@ export function UtopiaMapInner({
url={tileServerUrl ?? 'https://tile.osmand.net/hd/{z}/{x}/{y}.png'}
/>
) : (
<MapLibreLayer styleUrl={maplibreStyle} attribution={tileServerAttribution ?? ''} />
<MapLibreLayer styleUrl={maplibreStyle} attribution={tileServerAttribution} />
)}
<MarkerClusterGroup
ref={(r) => setClusterRef(r as any)}