diff options
Diffstat (limited to 'src/components/map/elements')
| -rw-r--r-- | src/components/map/elements/TilePlusIcon.js | 21 |
1 files changed, 11 insertions, 10 deletions
diff --git a/src/components/map/elements/TilePlusIcon.js b/src/components/map/elements/TilePlusIcon.js index 3327525c..ed5ef5b5 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, scale}) => { +const TilePlusIcon = ({pixelX, pixelY, mapScale}) => { const linePoints = [ [ - 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 + 0.5 * TILE_SIZE_IN_PIXELS * mapScale, + pixelY + TILE_PLUS_MARGIN_IN_PIXELS * mapScale, + pixelX + 0.5 * TILE_SIZE_IN_PIXELS * mapScale, + pixelY + TILE_SIZE_IN_PIXELS * mapScale - TILE_PLUS_MARGIN_IN_PIXELS * mapScale, ], [ - 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, + pixelX + TILE_PLUS_MARGIN_IN_PIXELS * mapScale, + pixelY + 0.5 * TILE_SIZE_IN_PIXELS * mapScale, + pixelX + TILE_SIZE_IN_PIXELS * mapScale - TILE_PLUS_MARGIN_IN_PIXELS * mapScale, + pixelY + 0.5 * TILE_SIZE_IN_PIXELS * mapScale, ], ]; return ( @@ -27,7 +27,7 @@ const TilePlusIcon = ({pixelX, pixelY, scale}) => { points={points} lineCap="round" stroke={TILE_PLUS_COLOR} - strokeWidth={TILE_PLUS_WIDTH_IN_PIXELS * scale} + strokeWidth={TILE_PLUS_WIDTH_IN_PIXELS * mapScale} listening={false} /> ))} @@ -38,6 +38,7 @@ const TilePlusIcon = ({pixelX, pixelY, scale}) => { TilePlusIcon.propTypes = { pixelX: PropTypes.number, pixelY: PropTypes.number, + mapScale: PropTypes.number, }; export default TilePlusIcon; |
