Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-10 02:02:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(geomap): allow dragging

Browse Source
This commit is contained in:
Elian Doran 2025-01-21 14:17:04 +02:00
parent fed0598b47
commit 3281bb8e9f
No known key found for this signature in database
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/public/app/widgets/type_widgets/geo_map.ts
View File

@ -1,4 +1,4 @@
import type { LatLng, LeafletMouseEvent } from "leaflet"; import type { LatLng, LeafletMouseEvent, Marker } from "leaflet";
import type FNote from "../../entities/fnote.js"; import type FNote from "../../entities/fnote.js";
import GeoMapWidget, { type InitCallback, type Leaflet } from "../geo_map.js"; import GeoMapWidget, { type InitCallback, type Leaflet } from "../geo_map.js";
import TypeWidget from "./type_widget.js" import TypeWidget from "./type_widget.js"
@ -116,9 +116,14 @@ export default class GeoMapTypeWidget extends TypeWidget {
} }
const [ lat, lng ] = latLng.split(",", 2).map((el) => parseFloat(el)); const [ lat, lng ] = latLng.split(",", 2).map((el) => parseFloat(el));
L.marker(L.latLng(lat, lng)) L.marker(L.latLng(lat, lng), {
draggable: true
})
.addTo(map) .addTo(map)
.bindPopup(childNote.title); .bindPopup(childNote.title)
.on("moveend", e => {
this.moveMarker(childNote.noteId, (e.target as Marker).getLatLng());
});
} }
} }
@ -131,12 +136,15 @@ export default class GeoMapTypeWidget extends TypeWidget {
return; return;
} }
const { noteId } = this.clipboard; this.moveMarker(this.clipboard.noteId, e.latlng);
await attributes.setLabel(noteId, LOCATION_ATTRIBUTE, [e.latlng.lat, e.latlng.lng].join(","));
this.clipboard = undefined; this.clipboard = undefined;
this.#adjustCursor(); this.#adjustCursor();
} }
async moveMarker(noteId: string, latLng: LatLng) {
await attributes.setLabel(noteId, LOCATION_ATTRIBUTE, [latLng.lat, latLng.lng].join(","));
}
getData(): any { getData(): any {
const map = this.geoMapWidget.map; const map = this.geoMapWidget.map;
if (!map) { if (!map) {