steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-09-01 16:22:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

smaller waypoints

Browse Source
This commit is contained in:
vcoppe
2024-06-20 18:13:46 +02:00
parent 6003d8b409
commit b0ac35232d
3 changed files with 45 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
website/src/lib/components/Map.svelte
View File

@@ -248,8 +248,38 @@
@apply shadow-none; @apply shadow-none;
} }
div :global(.mapboxgl-popup-tip) { div :global(.mapboxgl-popup-anchor-top .mapboxgl-popup-tip) {
@apply drop-shadow-md; @apply border-b-background;
}
div :global(.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip) {
@apply border-b-background;
}
div :global(.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip) {
@apply border-b-background;
}
div :global(.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip) {
@apply border-t-background; @apply border-t-background;
@apply drop-shadow-md;
}
div :global(.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip) {
@apply border-t-background;
@apply drop-shadow-md;
}
div :global(.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip) {
@apply border-t-background;
@apply drop-shadow-md;
}
div :global(.mapboxgl-popup-anchor-left .mapboxgl-popup-tip) {
@apply border-r-background;
}
div :global(.mapboxgl-popup-anchor-right .mapboxgl-popup-tip) {
@apply border-l-background;
} }
</style> </style>

3
website/src/lib/components/gpx-layer/GPXLayer.ts
View File

@@ -178,7 +178,8 @@ export class GPXLayer {
Object.defineProperty(this.markers[markerIndex], '_waypoint', { value: waypoint, writable: true }); Object.defineProperty(this.markers[markerIndex], '_waypoint', { value: waypoint, writable: true });
} else { } else {
let marker = new mapboxgl.Marker({ let marker = new mapboxgl.Marker({
draggable: this.draggable draggable: this.draggable,
scale: 0.8
}).setLngLat(waypoint.getCoordinates()); }).setLngLat(waypoint.getCoordinates());
Object.defineProperty(marker, '_waypoint', { value: waypoint, writable: true }); Object.defineProperty(marker, '_waypoint', { value: waypoint, writable: true });
let dragEndTimestamp = 0; let dragEndTimestamp = 0;

12
website/src/lib/components/gpx-layer/WaypointPopup.ts
View File

@@ -7,7 +7,17 @@ export const currentPopupWaypoint = writable<[Waypoint, string] | null>(null);
export const waypointPopup = new mapboxgl.Popup({ export const waypointPopup = new mapboxgl.Popup({
closeButton: false, closeButton: false,
maxWidth: undefined maxWidth: undefined,
offset: {
'top': [0, 0],
'top-left': [0, 0],
'top-right': [0, 0],
'bottom': [0, -30],
'bottom-left': [0, -30],
'bottom-right': [0, -30],
'left': [0, 0],
'right': [0, 0]
},
}); });
export function deleteWaypoint(fileId: string, waypointIndex: number) { export function deleteWaypoint(fileId: string, waypointIndex: number) {