How so I enable Scroll zoom on MapKit JS?

App & System Services Maps & Location
ngandhy OP
Created Jul ’18
Replies 13
Boosts 0
Views 6.1k
Participants 12

I was wondering if anyone had any luck figuring out how to enable mouse scrolling to zoom on MapKit JS.


I've tried isZoomEnabled but nothing seems to work. I did notice that if I hold down Shift and scroll it works, but would rather users not have to press shift to Scroll.


Thanks!

Replies  13
Boosts  0
Views  6.1k
Participants  12
dabbishaw OP
Jul ’18

Did you figure this out? I dont see any options exploring the maps functions to allow this to be enabled.

0
ngandhy OP
Jul ’18

No luck so far. Any chance you figured it out? Not sure where we can get any help / support either :-/


Edit: Realized in the first post I forgot to mention I tried isScrollEnabled too

0
rosenthaltech OP
Jul ’18

Seems to be a problem using Microsoft Windows clients. My browsers on macOS High Sierra (Chrome, Firefox and Safari) are able to scroll and zoom with default map settings, on Windows only possible using IE (while touch is working!). I was not able to make it working there. Probably some Beta-bug.

0
acsimp OP
Jul ’18

I have found the same problem with Windows Chrome and Firefox. The Chrome browser dev console gives me the warning:

[MapKit] Rotation can't be enabled because it's not available.


Some help from Apple would be great.

0
jeremygottfried OP
Oct ’18

The maps developers just need to remove `if (t.shiftKey && !t.ctrlKey)` from their wheel event handler. Then it will work normally.

0
Lagrange OP
Jan ’19

Still nothing about this issue ?

0
Mwni OP
Jan ’19

@jeremygottfried is right, it works when holding down shift key. Not acceptable for regular users, tho.


For now, I'm using a custom script to enable the mousewheel zoom as desired.

If anyone is interested, I've put it in a gist:

https://gist.github.com/Mwni/0faf2cc41032c30ad6d492998dee8174

0
ipearx OP
Jan ’19

Weirdly holding shift doesn't work with my mouse at all (logitech), but touchpad on laptop works fine.

0
Sebastianor OP
Apr ’19

Does it works on Safari on MacOS ?

0
megantereon OP
Feb ’21
This is frustrating. I started using google maps instead to avoid this issue with the apple mouse. It works as expected and scroll zooms on google maps.
0
valentingavran OP
Apr ’21
I noticed that the npm library "apple-mapkit-js" is no longer maintained and also not an official release from Apple. Therefore the updates of the past two years are not available (including the mousewheel scrolling). Instead you should load the library via the script tag.

See here how to include the map.
1
valentingavran OP
Apr ’21
I forgot to mention that it is also necessary to set

Code Block 
map._allowWheelToZoom = true;

so that you can zoom with the mouse.
2
hoogw OP
Feb ’23

Now it is 2023, with latest mapkit Version 5.75.47, you can map._allowWheelToZoom = true;

1
How so I enable Scroll zoom on MapKit JS?
First post date Last post date
 
 
Q