Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-04 04:16:17 +01:00
Code Issues Packages Projects Releases Activity

fix(geomap): missing start/end icons + add customization

Browse Source
This commit is contained in:
Elian Doran
2025-06-01 15:18:15 +03:00
parent e48d6aec31
commit 1ee10ca209
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/client/src/widgets/type_widgets/geo_map.ts
View File

@@ -232,7 +232,12 @@ export default class GeoMapTypeWidget extends TypeWidget {
stringResponse = xmlResponse; stringResponse = xmlResponse;
} }
const track = new this.L.GPX(stringResponse, {}); const track = new this.L.GPX(stringResponse, {
markers: {
startIcon: this.#buildIcon(note.getIcon(), note.getColorClass(), note.title),
endIcon: this.#buildIcon("bxs-flag-checkered")
}
});
track.addTo(this.geoMapWidget.map); track.addTo(this.geoMapWidget.map);
this.currentTrackData[note.noteId] = track; this.currentTrackData[note.noteId] = track;
} }
@@ -280,13 +285,13 @@ export default class GeoMapTypeWidget extends TypeWidget {
this.currentMarkerData[note.noteId] = marker; this.currentMarkerData[note.noteId] = marker;
} }
#buildIcon(bxIconClass: string, colorClass: string, title: string) { #buildIcon(bxIconClass: string, colorClass?: string, title?: string) {
return this.L.divIcon({ return this.L.divIcon({
html: /*html*/`\ html: /*html*/`\
<img class="icon" src="${markerIcon}" /> <img class="icon" src="${markerIcon}" />
<img class="icon-shadow" src="${markerIconShadow}" /> <img class="icon-shadow" src="${markerIconShadow}" />
<span class="bx ${bxIconClass} ${colorClass}"></span> <span class="bx ${bxIconClass} ${colorClass ?? ""}"></span>
<span class="title-label">${title}</span>`, <span class="title-label">${title ?? ""}</span>`,
iconSize: [25, 41], iconSize: [25, 41],
iconAnchor: [12, 41] iconAnchor: [12, 41]
}); });