leaflet-editable-circle.js

import { MapLayer, withLeaflet } from 'react-leaflet';

import L from 'leaflet';

class LeafletEditableCircle extends MapLayer {

	createLeafletElement(props) {
		var map = this.props.leaflet.map
		var circle = L.circle(this.props.center, this.props.radius);

		return circle;
	}

	updateLeafletElement(fromProps, toProps) {
		var map = toProps.leaflet.map;
		map.removeLayer(this.leafletElement);

		var circle = L.circle(toProps.circle, toProps.radius);
		circle.addTo(map);
	}

}

export default withLeaflet(LeafletEditableCircle);