26 lines
853 B
JavaScript
26 lines
853 B
JavaScript
|
import React, { Component, PropTypes } from 'react'
|
||
|
|
|
||
|
|
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>
|
||
|
|
}
|
||
|
|
}
|