topic Ctrl + mouse drag in ArcGIS JavaScript Maps SDK Questions

Ctrl + mouse drag

MarcelKleinmann — Wed, 02 Feb 2011 06:59:02 GMT

Hi there,

we set up a map, using a rest service in an ArcGISDynamicMapServiceLayer.

By pressing the Ctrl key while dragging the mouse and let go again, the map sticks to the mouse pointer and a continous panning is being performed It's not possible to cancel the panning. The only way to get out is to load the website again.

I reproduced this in Esri example maps as well, as:
http://help.arcgis.com/en/webapi/javascript/arcgis/demos/toolbar/toolbar_edit.html

Any clues how to avoid/cancel this pan?

Cheers
Marcello

Re: Ctrl + mouse drag

HemingZhu — Wed, 02 Feb 2011 13:21:49 GMT

Hi there,

we set up a map, using a rest service in an ArcGISDynamicMapServiceLayer.

By pressing the Ctrl key while dragging the mouse and let go again, the map sticks to the mouse pointer and a continous panning is being performed It's not possible to cancel the panning. The only way to get out is to load the website again.

I reproduced this in Esri example maps as well, as:
http://help.arcgis.com/en/webapi/javascript/arcgis/demos/toolbar/toolbar_edit.html

Any clues how to avoid/cancel this pan?

Cheers
Marcello

add map.disablePan() in you code logic...

Re: Ctrl + mouse drag

MarcelKleinmann — Wed, 02 Feb 2011 13:30:44 GMT

Hi hzhu,

thank you, I will give this a try tomorrow and come back to you...

Cheers

SOLVED

MarcelKleinmann — Sat, 11 Dec 2021 17:23:41 GMT

Hi there,

here the solution (partly taken from a former thread😞

Insert this code into the init() method of your page:

         // IE doesn't play nice attaching onkeyup/onkeydown to the window object...
         var key_event_handle = dojo.isIE ? dojo.query('body')[0] : window;
         dojo.connect(key_event_handle, "onkeydown", function(evt) {
          if (evt.ctrlKey || evt.keyCode == 17) {
           map.disablePan();
           map.disableRubberBandZoom();
             }
         });
         dojo.connect(key_event_handle, "onkeyup", function(evt) { 
          if (evt.ctrlKey || evt.keyCode == 17) {
           map.enablePan();
           map.enableRubberBandZoom();
             }
         });

Cheers
Marcello

Re: Ctrl + mouse drag

derekswingley1 — Mon, 07 Feb 2011 15:00:37 GMT

That code looks familiar ... I'm sure I've seen it somewhere before :).

Thanks

MarcelKleinmann — Tue, 08 Feb 2011 05:21:46 GMT

Yes,

thank you Derek for your solution! 😉