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