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
|
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))
}
}
|
