aboutsummaryrefslogtreecommitdiff
path: root/modern/src/map
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/map')
-rw-r--r--modern/src/map/Map.js23
1 files changed, 11 insertions, 12 deletions
diff --git a/modern/src/map/Map.js b/modern/src/map/Map.js
index 7f78973..d83c297 100644
--- a/modern/src/map/Map.js
+++ b/modern/src/map/Map.js
@@ -35,13 +35,6 @@ const updateReadyValue = value => {
readyListeners.forEach(listener => listener(value));
};
-const onIdle = function () {
- const zoom = Math.round(map.getZoom())
- if (zoom !== map.getZoom()) {
- map.zoomTo(zoom)
- }
-};
-
const initMap = async () => {
const background = await loadImage('images/background.svg');
await Promise.all(deviceCategories.map(async category => {
@@ -102,12 +95,18 @@ const Map = ({ children }) => {
useEffect(() => {
if (mapReady && Object.values(map.getStyle().sources).some(e => e.type === 'raster')) {
- map.scrollZoom.setWheelZoomRate(1);
- map.on('idle', onIdle);
+ const onIdle = function () {
+ const zoom = Math.round(map.getZoom());
+ if (zoom !== map.getZoom()) {
+ map.zoomTo(zoom);
+ }
+ };
+ map.scrollZoom.setWheelZoomRate(1);
+ map.on('idle', onIdle);
+ return () => {
+ map.scrollZoom.setWheelZoomRate(1/450);
+ map.off('idle', onIdle);
}
- return () => {
- map.scrollZoom.setWheelZoomRate(1/450);
- map.off('idle', onIdle);
}
}, [mapReady]);