1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
|
import {
MAP_MAX_SCALE,
MAP_MIN_SCALE,
MAP_SCALE_PER_EVENT,
MAP_SIZE_IN_PIXELS
} from "../components/app/map/MapConstants";
export const SET_MAP_POSITION = "SET_MAP_POSITION";
export const SET_MAP_DIMENSIONS = "SET_MAP_DIMENSIONS";
export const SET_MAP_SCALE = "SET_MAP_SCALE";
export function setMapPosition(x, y) {
return {
type: SET_MAP_POSITION,
x,
y
};
}
export function setMapDimensions(width, height) {
return {
type: SET_MAP_DIMENSIONS,
width,
height
};
}
export function setMapScale(scale) {
return {
type: SET_MAP_SCALE,
scale
};
}
export function zoomInOnCenter(zoomIn) {
return (dispatch, getState) => {
const state = getState();
dispatch(
zoomInOnPosition(
zoomIn,
state.map.dimensions.width / 2,
state.map.dimensions.height / 2
)
);
};
}
export function zoomInOnPosition(zoomIn, x, y) {
return (dispatch, getState) => {
const state = getState();
const centerPoint = {
x: x / state.map.scale - state.map.position.x / state.map.scale,
y: y / state.map.scale - state.map.position.y / state.map.scale
};
const newScale = zoomIn
? state.map.scale * MAP_SCALE_PER_EVENT
: state.map.scale / MAP_SCALE_PER_EVENT;
const boundedScale = Math.min(
Math.max(MAP_MIN_SCALE, newScale),
MAP_MAX_SCALE
);
const newX = -(centerPoint.x - x / boundedScale) * boundedScale;
const newY = -(centerPoint.y - y / boundedScale) * boundedScale;
dispatch(setMapPositionWithBoundsCheck(newX, newY));
dispatch(setMapScale(boundedScale));
};
}
export function setMapPositionWithBoundsCheck(x, y) {
return (dispatch, getState) => {
const state = getState();
const scaledMapSize = MAP_SIZE_IN_PIXELS * state.map.scale;
const updatedX =
x > 0
? 0
: x < -scaledMapSize + state.map.dimensions.width
? -scaledMapSize + state.map.dimensions.width
: x;
const updatedY =
y > 0
? 0
: y < -scaledMapSize + state.map.dimensions.height
? -scaledMapSize + state.map.dimensions.height
: y;
dispatch(setMapPosition(updatedX, updatedY));
};
}
|
