diff --git a/Interaction.md b/Interaction.md deleted file mode 100644 index 04701cf..0000000 --- a/Interaction.md +++ /dev/null @@ -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); - ``` -