26 lines
877 B
JavaScript
26 lines
877 B
JavaScript
import React, { Component } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
|
|
export default class VisualizationControls extends Component {
|
|
static propTypes = {
|
|
map: PropTypes.object,
|
|
onClickZoomExtents: PropTypes.func,
|
|
onClickZoomIn: PropTypes.func,
|
|
onClickZoomOut: PropTypes.func
|
|
}
|
|
|
|
render () {
|
|
const { map, onClickZoomExtents, onClickZoomIn, onClickZoomOut } = this.props
|
|
return <div className="mapControls mapElement">
|
|
{map && <div className="zoomExtents mapControl" onClick={onClickZoomExtents}>
|
|
<div className="tooltips">Center View</div>
|
|
</div>}
|
|
<div className="zoomIn mapControl" onClick={onClickZoomIn}>
|
|
<div className="tooltips">Zoom In</div>
|
|
</div>
|
|
<div className="zoomOut mapControl" onClick={onClickZoomOut}>
|
|
<div className="tooltips">Zoom Out</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
}
|