src/components/map/controls/ScaleIndicatorComponent.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14

import React from "react";
import {TILE_SIZE_IN_METERS, TILE_SIZE_IN_PIXELS} from "../MapConstants";
import "./ScaleIndicatorComponent.css";

const ScaleIndicatorComponent = ({scale}) => (
    <div
        className="scale-indicator"
        style={{width: TILE_SIZE_IN_PIXELS * scale}}
    >
        {TILE_SIZE_IN_METERS}m
    </div>
);

export default ScaleIndicatorComponent;