Fix maps: use satellite-streets-v12 style, fix markers visibility
All checks were successful
Build Docker Image / build (push) Successful in 3m49s
All checks were successful
Build Docker Image / build (push) Successful in 3m49s
This commit is contained in:
@@ -94,7 +94,7 @@ const mapCenter = computed<[number, number]>(() => {
|
||||
})
|
||||
|
||||
const mapOptions = computed(() => ({
|
||||
style: 'mapbox://styles/mapbox/streets-v12',
|
||||
style: 'mapbox://styles/mapbox/satellite-streets-v12',
|
||||
center: mapCenter.value,
|
||||
zoom: 3
|
||||
}))
|
||||
|
||||
@@ -83,7 +83,7 @@ const mapCenter = computed<[number, number]>(() => {
|
||||
})
|
||||
|
||||
const mapOptions = computed(() => ({
|
||||
style: 'mapbox://styles/mapbox/streets-v12',
|
||||
style: 'mapbox://styles/mapbox/satellite-streets-v12',
|
||||
center: mapCenter.value,
|
||||
zoom: 2,
|
||||
interactive: false
|
||||
@@ -197,9 +197,9 @@ const onMapCreated = (map: MapboxMapType) => {
|
||||
type: 'circle',
|
||||
source: 'orders-markers',
|
||||
paint: {
|
||||
'circle-radius': 5,
|
||||
'circle-color': ['get', 'color'],
|
||||
'circle-stroke-width': 1,
|
||||
'circle-radius': 8,
|
||||
'circle-color': ['coalesce', ['get', 'color'], '#f97316'],
|
||||
'circle-stroke-width': 2,
|
||||
'circle-stroke-color': '#ffffff'
|
||||
}
|
||||
})
|
||||
|
||||
@@ -126,7 +126,7 @@ const mapCenter = computed<[number, number]>(() => {
|
||||
})
|
||||
|
||||
const mapOptions = computed(() => ({
|
||||
style: 'mapbox://styles/mapbox/streets-v12',
|
||||
style: 'mapbox://styles/mapbox/satellite-streets-v12',
|
||||
center: mapCenter.value,
|
||||
zoom: 2.5
|
||||
}))
|
||||
|
||||
@@ -106,7 +106,7 @@ const mapCenter = computed<[number, number]>(() => {
|
||||
})
|
||||
|
||||
const mapOptions = computed(() => ({
|
||||
style: 'mapbox://styles/mapbox/streets-v12',
|
||||
style: 'mapbox://styles/mapbox/satellite-streets-v12',
|
||||
center: mapCenter.value,
|
||||
zoom: 4
|
||||
}))
|
||||
|
||||
Reference in New Issue
Block a user