-
-
-
-
= ref(DEFAULT_ZOOM);
@@ -85,26 +78,11 @@ const alprs = computed(() => tilesStore.allNodes);
const router = useRouter();
const { xs } = useDisplay();
-const canRefreshMarkers = computed(() => zoom.value >= MIN_ZOOM_FOR_REFRESH);
-const mapTileUrl = computed(() =>
- theme.global.name.value === 'dark' ?
- 'https://tiles.stadiamaps.com/tiles/alidade_smooth_dark/{z}/{x}/{y}{r}.png' :
- 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'
-); // TODO: implement dark mode in LeafletMap.vue
-const clusters: Ref = ref([]);
-const bboxForLastRequest: Ref = ref(null);
-const showClusters = computed(() => zoom.value <= CLUSTER_ZOOM_THRESHOLD);
-const isLoadingALPRs = ref(false);
-
const globalStore = useGlobalStore();
const setCurrentLocation = globalStore.setCurrentLocation;
const currentLocation = computed(() => globalStore.currentLocation);
-const visibleALPRs = computed(() => {
- return alprs.value.filter(alpr => bounds.value?.containsPoint(alpr.lat, alpr.lon));
-});
-
function handleKeyUp(event: KeyboardEvent) {
if (event.key === '/' && searchField.value.value !== document.activeElement) {
searchField.value.focus();
@@ -188,7 +166,7 @@ onMounted(() => {
}
} else {
// show US map by default
- zoom.value = 4;
+ zoom.value = 5;
center.value = { lat: 39.8283, lng: -98.5795 };
}
});