todos-contra-el-fuego-web/imports/ui/components/Maps/FireCircleMark.js
2017-12-12 15:20:03 +01:00

19 lines
437 B
JavaScript

import React from 'react';
import { Circle } from 'react-leaflet';
import PropTypes from 'prop-types';
const FireCircleMark = ({
lat,
lon,
scan
}) => (
<Circle center={[lat, lon]} color="red" stroke={false} fillOpacity="1" fill radius={scan * 1000} />
);
FireCircleMark.propTypes = {
scan: PropTypes.number.isRequired,
lat: PropTypes.number.isRequired,
lon: PropTypes.number.isRequired
};
export default FireCircleMark;