- Introduced MapErrorBoundary component to handle map loading errors gracefully. - Enhanced MapView with a reconnection status indicator for live updates. - Added tile freshness animation to indicate updated tiles visually. - Preloaded marker icon images to improve rendering performance. - Updated various pages to utilize the new MapErrorBoundary for better user experience.
21 lines
551 B
Vue
21 lines
551 B
Vue
<template>
|
|
<MapPageWrapper>
|
|
<MapErrorBoundary>
|
|
<MapView
|
|
:map-id="mapId"
|
|
:grid-x="gridX"
|
|
:grid-y="gridY"
|
|
:zoom="zoom"
|
|
/>
|
|
</MapErrorBoundary>
|
|
</MapPageWrapper>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const route = useRoute()
|
|
const mapId = computed(() => Number(route.params.map) || 0)
|
|
const gridX = computed(() => Number(route.params.gridX) || 0)
|
|
const gridY = computed(() => Number(route.params.gridY) || 0)
|
|
const zoom = computed(() => Number(route.params.zoom) || 1)
|
|
</script>
|