obsidian-plugin/ccmdi_obsidian-map-plus
1
0
Fork 0
mirror of https://github.com/ccmdi/obsidian-map-plus.git synced 2026-07-22 06:43:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

transition between maps anim

Browse source
This commit is contained in:
ccmdi 2025-10-10 12:10:48 -04:00
parent a7506fc47e
commit 8ad4faaf7b
No known key found for this signature in database
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/map-renderer.ts
View file

@ -1,5 +1,5 @@
import { App, TFile, setIcon } from 'obsidian';
import { Deck, PickingInfo, MapViewState } from '@deck.gl/core';
import { Deck, PickingInfo, MapViewState, FlyToInterpolator } from '@deck.gl/core';
import { BitmapLayer, IconLayer, ScatterplotLayer } from '@deck.gl/layers';
import { TileLayer } from '@deck.gl/geo-layers';
import type { TileLayerProps, _Tile2DHeader as Tile2DHeader } from '@deck.gl/geo-layers';
@ -9,6 +9,10 @@ import { MapView as MapViewType } from '@deck.gl/core';
import { MapTagSettings } from './settings/map-tag-settings';
import type MapPlugin from './main';
function easeCubic(t: number): number {
return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
}
type PropertyValue = string | number | boolean | string[] | null;
interface MapProperty {
@ -308,14 +312,16 @@ export function updateMapPoints(deck: Deck<MapViewType[]>, points: MapPoint[], c
// Update layers
deck.setProps({ layers: [tileLayer, markerLayer] });
// Smoothly transition view to new bounds
// Smoothly transition view to new bounds with easing
deck.setProps({
initialViewState: {
MapView: {
...newViewState,
pitch: 0,
bearing: 0,
transitionDuration: 1000,
transitionDuration: 800,
transitionInterpolator: new FlyToInterpolator(),
transitionEasing: easeCubic,
}
}
});