comunes/todos-contra-el-fuego-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added fires union (wip)

Browse source
This commit is contained in:
vjrj 2018-11-18 11:48:03 +01:00
parent 7b5f17fbe8
commit 6abe668740
12 changed files with 216 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

12
imports/ui/components/Maps/FireCircleMark.js
View file

@ -1,10 +1,10 @@
import React, { Component } from 'react';
import { Circle } from 'react-leaflet';
import { GeoJSON } from 'react-leaflet';
import PropTypes from 'prop-types';
import { rectangleAround } from 'map-common-utils';
import { onMarkClick } from './MarkListeners';
import FirePopup from './FirePopup';
class FireCircleMark extends Component {
constructor(props) {
super(props);
@ -22,22 +22,26 @@ class FireCircleMark extends Component {
lat,
lon,
scan,
track,
nasa,
id,
history,
when,
t
} = this.props;
const rect = rectangleAround({ lat, lon }, track, track);
return (
<Circle center={[lat, lon]} color="red" stroke={false} fillOpacity="1" fill radius={scan * 500} onClick={this.onClick}>
<GeoJSON data={rect} color="red" stroke width="1" opacity=".4" fillOpacity=".3">
<FirePopup t={t} history={history} id={id} nasa={nasa} lat={lat} lon={lon} when={when} />
</Circle>
</GeoJSON>
);
/* <Circle center={[lat, lon]} color="red" stroke={false} fillOpacity="1" fill radius={scan * 500} onClick={this.onClick}> */
}
}
FireCircleMark.propTypes = {
scan: PropTypes.number.isRequired,
track: PropTypes.number.isRequired,
lat: PropTypes.number.isRequired,
lon: PropTypes.number.isRequired,
nasa: PropTypes.bool.isRequired,