Fix maps: use satellite-streets-v12 style, fix markers visibility
All checks were successful
Build Docker Image / build (push) Successful in 3m49s

This commit is contained in:
Ruslan Bakiev
2026-01-07 10:19:01 +07:00
parent 6e0a0d6975
commit bddaf6e142
4 changed files with 7 additions and 7 deletions

View File

@@ -94,7 +94,7 @@ const mapCenter = computed<[number, number]>(() => {
}) })
const mapOptions = computed(() => ({ const mapOptions = computed(() => ({
style: 'mapbox://styles/mapbox/streets-v12', style: 'mapbox://styles/mapbox/satellite-streets-v12',
center: mapCenter.value, center: mapCenter.value,
zoom: 3 zoom: 3
})) }))

View File

@@ -83,7 +83,7 @@ const mapCenter = computed<[number, number]>(() => {
}) })
const mapOptions = computed(() => ({ const mapOptions = computed(() => ({
style: 'mapbox://styles/mapbox/streets-v12', style: 'mapbox://styles/mapbox/satellite-streets-v12',
center: mapCenter.value, center: mapCenter.value,
zoom: 2, zoom: 2,
interactive: false interactive: false
@@ -197,9 +197,9 @@ const onMapCreated = (map: MapboxMapType) => {
type: 'circle', type: 'circle',
source: 'orders-markers', source: 'orders-markers',
paint: { paint: {
'circle-radius': 5, 'circle-radius': 8,
'circle-color': ['get', 'color'], 'circle-color': ['coalesce', ['get', 'color'], '#f97316'],
'circle-stroke-width': 1, 'circle-stroke-width': 2,
'circle-stroke-color': '#ffffff' 'circle-stroke-color': '#ffffff'
} }
}) })

View File

@@ -126,7 +126,7 @@ const mapCenter = computed<[number, number]>(() => {
}) })
const mapOptions = computed(() => ({ const mapOptions = computed(() => ({
style: 'mapbox://styles/mapbox/streets-v12', style: 'mapbox://styles/mapbox/satellite-streets-v12',
center: mapCenter.value, center: mapCenter.value,
zoom: 2.5 zoom: 2.5
})) }))

View File

@@ -106,7 +106,7 @@ const mapCenter = computed<[number, number]>(() => {
}) })
const mapOptions = computed(() => ({ const mapOptions = computed(() => ({
style: 'mapbox://styles/mapbox/streets-v12', style: 'mapbox://styles/mapbox/satellite-streets-v12',
center: mapCenter.value, center: mapCenter.value,
zoom: 4 zoom: 4
})) }))