Skip to content

Some UX enhancements to maps plugin#38

Open
Bortseb wants to merge 5 commits into
fedwiki:mainfrom
Bortseb:main
Open

Some UX enhancements to maps plugin#38
Bortseb wants to merge 5 commits into
fedwiki:mainfrom
Bortseb:main

Conversation

@Bortseb

@Bortseb Bortseb commented May 22, 2026

Copy link
Copy Markdown

Lets you use Ctrl + Scroll wheel to zoom in/out of map based on location of pointer. Also adds a text overlay when scrolling over the map, and not holding Ctrl, to let you know this feature exists.

Adds a Zoom to bounds control to the top left of the map.

Fixes build command in package.json to also be compatible with Windows machines.

Bortseb added 2 commits May 22, 2026 11:41
Lets you use Ctrl + Scroll wheel to zoom in/out of map based on location of pointer. Also adds a text overlay when scrolling over the map, and not holding Ctrl, to let you know this feature exists.

Adds a Zoom to bounds control to the top left of the map.

Fixes build command in package.json to also be compatible with Windows machines.
Update the scroll modified key to be more cross-platform compatible, and suggest ⌘+scroll for apple devices.
@paul90

paul90 commented May 23, 2026

Copy link
Copy Markdown
Member

This was disabled back in 2018. See #23

@Bortseb

Bortseb commented May 23, 2026

Copy link
Copy Markdown
Author

Ah I see! But i didn't re-enable it in general, I only enabled it if you hold down ctrl (like you might have seen others do with embedded maps).. so the page still scrolls as usual if are using the scroll wheel over a map, but it does temporarily show a text overlay as a hint to teach you that you can still zoom the map if you hold Ctrl, or command on Mac.

@Bortseb

Bortseb commented May 23, 2026

Copy link
Copy Markdown
Author

Bortseb added 2 commits May 23, 2026 10:06
Don't try and determine the user's device type, just display a more universal overlay.
@Bortseb

Bortseb commented May 23, 2026

Copy link
Copy Markdown
Author

Example of how a map looks when scrolling normally over it, as page scrolls

image

* Hide the overlay if the user starts interacting with the map

* Prevent a strange outline appearing around the map if the user holds down a modifier key like shift or ctrl.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants