Updated Interaction (markdown)
+13
-5
@@ -1,23 +1,31 @@
|
|||||||
# Interaction
|
# Interaction
|
||||||
|
|
||||||
## Double Click Zoom
|
Double Click Zoom:
|
||||||
|
|
||||||
* Apply a zoom factor
|
* Apply a zoom factor
|
||||||
* Apply resolution constraint for each double click
|
* Apply resolution constraint for each double click
|
||||||
|
|
||||||
## Pinch Zoom
|
```
|
||||||
|
var options = {constrained: true, animated: false};
|
||||||
|
map.moveTo(center, map.getResolution() * factor, options)
|
||||||
|
```
|
||||||
|
|
||||||
|
Pinch Zoom:
|
||||||
|
|
||||||
* No resolution constraint while pinching
|
* No resolution constraint while pinching
|
||||||
* Use CSS3 transforms?
|
* Use CSS3 transforms?
|
||||||
* Apply resolution constraint when releasing mouse to determine the final resolution
|
* Apply resolution constraint when releasing mouse to determine the final resolution
|
||||||
* Animate to final resolution
|
* Animate to final resolution
|
||||||
|
|
||||||
## (Alt) Drag Rotate
|
(Alt) Drag Rotate:
|
||||||
|
|
||||||
* No rotation constraint while rotating
|
* No rotation constraint while rotating
|
||||||
* Apply rotation constraint when releasing mouse to determine the final angle
|
* Apply rotation constraint when releasing mouse to determine the final angle
|
||||||
* Animate to final angle
|
* Animate to final angle
|
||||||
|
|
||||||
## Mouse Wheel Zoom
|
Mouse Wheel Zoom:
|
||||||
|
|
||||||
|
* Apply resolution constraint as the user scrolls
|
||||||
|
|
||||||
|
Map API:
|
||||||
|
|
||||||
* Apply resolution constraint as the user scrolls
|
|
||||||
Reference in New Issue
Block a user