nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Drag Scroll (Pan Effect)

jeffpalus

Hello,
I want to add cool pan effect to my maps (like in bing & google maps).
example: http://mootools.net/demos/?demo=Drag.Scroll
anyone know how to do it with javascript api?

more example: http://candrews.net/blog/2010/10/introducing-sprymap/

Trouver plus de publications taguées avec

Accepted answers

All comments

JoeJan

ESRI, any news about this feature?
it will be at 3.3 version?

derekswingley1

We have not implemented this effect. An official enhancement request logged via support would be the best way to push us to do something like this.

We did implement a new map navigation method called superpan if you use a mac. More info in the help: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp/intro_navigation.htm

jeffpalus

Any news about this effects?

jeffpalus

I hope ESRI implement it in the next version of the javascrip api. its realy cool effect.;)

TiagoRibeiro

The example you sent refers to the buttons that located on the sides of the map that performs a smooth map movement.
I am looking for a smooth movement by dragging the map with the mouse.
Thanks,
Jeff

Yea your right, I didn't saw that.
One thing you can look at is the onPan, onPanStart and onPanEnd events of the map object (http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi/map.htm#onPan)... but I don't see an easy way to do that.
Good luck.

jeffpalus

The example you sent refers to the buttons that located on the sides of the map that performs a smooth map movement.
I am looking for a smooth movement by dragging the map with the mouse.
Thanks,
Jeff

TiagoRibeiro

You can see an example on Google Maps or Bing Maps sites.
When you drag the map, the map moves smoothly.
When you release the left mouse button the map does not stop straight, but stops by the power of dragging the map you made.
I think it could be really nice if it will be at the Javascript API.
Thanks,
Jeff

You can accomplish that changing the esri.config.defaults.map.panDuration and esri.config.defaults.map.panRate configuration properties.
See the sample here: http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples/mapconfig_smoothpan.html
Hope it helps

jeffpalus

You can see an example on Google Maps or Bing Maps sites.
When you drag the map, the map moves smoothly.
When you release the left mouse button the map does not stop straight, but stops by the power of dragging the map you made.
I think it could be really nice if it will be at the Javascript API.
Thanks,
Jeff

StephenLead

Jeff,

Can you provide more details of what the cool effect should be, and how it should differ from the out-of-the-box ArcGIS Server JavaScript API panning?

Cheers,
Steve

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.