From 8bd2bc91cc7e97f233031a42ccfda92af5e8bb96 Mon Sep 17 00:00:00 2001 From: Georgios Andreadis Date: Sun, 10 Sep 2017 21:47:58 +0200 Subject: Implement map zooming --- src/components/map/elements/TilePlusIcon.js | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) (limited to 'src/components/map/elements/TilePlusIcon.js') diff --git a/src/components/map/elements/TilePlusIcon.js b/src/components/map/elements/TilePlusIcon.js index 4c22c23c..3327525c 100644 --- a/src/components/map/elements/TilePlusIcon.js +++ b/src/components/map/elements/TilePlusIcon.js @@ -4,19 +4,19 @@ import {Group, Line} from "react-konva"; import {TILE_PLUS_COLOR} from "../../../colors/index"; import {TILE_PLUS_MARGIN_IN_PIXELS, TILE_PLUS_WIDTH_IN_PIXELS, TILE_SIZE_IN_PIXELS} from "../MapConstants"; -const TilePlusIcon = ({pixelX, pixelY}) => { +const TilePlusIcon = ({pixelX, pixelY, scale}) => { const linePoints = [ [ - pixelX + 0.5 * TILE_SIZE_IN_PIXELS, - pixelY + TILE_PLUS_MARGIN_IN_PIXELS, - pixelX + 0.5 * TILE_SIZE_IN_PIXELS, - pixelY + TILE_SIZE_IN_PIXELS - TILE_PLUS_MARGIN_IN_PIXELS, + pixelX + 0.5 * TILE_SIZE_IN_PIXELS * scale, + pixelY + TILE_PLUS_MARGIN_IN_PIXELS * scale, + pixelX + 0.5 * TILE_SIZE_IN_PIXELS * scale, + pixelY + TILE_SIZE_IN_PIXELS * scale - TILE_PLUS_MARGIN_IN_PIXELS * scale, ], [ - pixelX + TILE_PLUS_MARGIN_IN_PIXELS, - pixelY + 0.5 * TILE_SIZE_IN_PIXELS, - pixelX + TILE_SIZE_IN_PIXELS - TILE_PLUS_MARGIN_IN_PIXELS, - pixelY + 0.5 * TILE_SIZE_IN_PIXELS, + pixelX + TILE_PLUS_MARGIN_IN_PIXELS * scale, + pixelY + 0.5 * TILE_SIZE_IN_PIXELS * scale, + pixelX + TILE_SIZE_IN_PIXELS * scale - TILE_PLUS_MARGIN_IN_PIXELS * scale, + pixelY + 0.5 * TILE_SIZE_IN_PIXELS * scale, ], ]; return ( @@ -27,7 +27,7 @@ const TilePlusIcon = ({pixelX, pixelY}) => { points={points} lineCap="round" stroke={TILE_PLUS_COLOR} - strokeWidth={TILE_PLUS_WIDTH_IN_PIXELS} + strokeWidth={TILE_PLUS_WIDTH_IN_PIXELS * scale} listening={false} /> ))} -- cgit v1.2.3