Destroyed Interaction (markdown)
@@ -1,55 +0,0 @@
|
||||
# Interaction
|
||||
|
||||
## Double Click Zoom
|
||||
|
||||
* Apply a zoom factor
|
||||
* Apply resolution constraint for each double click
|
||||
* Is `zoomFactor` an option/property of the interaction or of the map?
|
||||
* Double click handler:
|
||||
```
|
||||
var options = {constrain: true, animate: false};
|
||||
map.moveTo(center, map.getResolution() * zoomFactor, options);
|
||||
```
|
||||
|
||||
## Pinch Zoom
|
||||
|
||||
* No resolution constraint while pinching
|
||||
* Use CSS3 transforms?
|
||||
* Apply resolution constraint when releasing mouse to determine the final resolution
|
||||
* Animate to final resolution
|
||||
* Pinching handler:
|
||||
```
|
||||
var options = {constrain: false, animate: false};
|
||||
map.moveTo(center, map.getResolution() * scale, options);
|
||||
```
|
||||
Done pinching handler:
|
||||
```
|
||||
var options = {constrain: true, animate: true};
|
||||
map.moveTo(center, map.getResolution() * scale, options);
|
||||
```
|
||||
|
||||
## (Alt) Drag Rotate:
|
||||
|
||||
* No rotation constraint while rotating
|
||||
* Apply rotation constraint when releasing mouse to determine the final angle
|
||||
* Animate to final angle
|
||||
* Rotating handler:
|
||||
```
|
||||
var options = {constrain: false, animate: false};
|
||||
map.rotate(angle, options);
|
||||
```
|
||||
Done rotating handler:
|
||||
```
|
||||
var options = {constrain: true, animate: true};
|
||||
map.rotate(angle, options);
|
||||
```
|
||||
|
||||
## Mouse Wheel Zoom:
|
||||
|
||||
* Apply resolution constraint as the user scrolls
|
||||
* Mouse wheel handler:
|
||||
```
|
||||
var options = {constrain: true, animate: false};
|
||||
map.zoomTo(center, map.getResolution() * scale, options);
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user