From 6e5d352b4e7800f9e7896a1b3eb66d17d906d4b8 Mon Sep 17 00:00:00 2001
From: Janne Alatalo <janne.alatalo@jamk.fi>
Date: Mon, 7 Jan 2019 13:18:21 +0200
Subject: [PATCH] Add bar height scaling when zooming in map
---
src/PointMap.js | 7 ++++++-
1 file changed, 6 insertions(+), 1 deletion(-)
diff --git a/src/PointMap.js b/src/PointMap.js
index 5c076f4..3f484f0 100644
--- a/src/PointMap.js
+++ b/src/PointMap.js
@@ -317,7 +317,12 @@ class PointMap extends Component {
},
filled: true,
extruded: true,
- getElevation: d => d.get_avg_traffic_vol() * 20,
+ getElevation: d => {
+ let zoom = this.state.viewport.zoom;
+ // super hacky way of scaling the bar height
+ let vol_scale = 20 * (1.5 ** 6);
+ return d.get_avg_traffic_vol() * vol_scale / (1.5 ** zoom);
+ },
getLineColor: d => {
if (this.state.mouseover === d.get_id()) {
return [255, 0, 0];
--
GitLab