frontend/src/components/app/map/controls/ZoomControlComponent.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import React from "react";

const ZoomControlComponent = ({ zoomInOnCenter }) => {
  return (
    <span>
      <button
        className="btn btn-default btn-circle btn-sm mr-1"
        title="Zoom in"
        onClick={() => zoomInOnCenter(true)}
      >
        <span className="fa fa-plus" />
      </button>
      <button
        className="btn btn-default btn-circle btn-sm mr-1"
        title="Zoom out"
        onClick={() => zoomInOnCenter(false)}
      >
        <span className="fa fa-minus" />
      </button>
    </span>
  );
};

export default ZoomControlComponent;