Skip to content
Snippets Groups Projects
Commit 09483065 authored by Taneli Riihimäki's avatar Taneli Riihimäki
Browse files

Merge resolving

parent 39144e5a
No related branches found
No related tags found
2 merge requests!21Development,!15Get game creation to user-marker-database-interactions
...@@ -62,7 +62,6 @@ L.DrawToolbar.include({ ...@@ -62,7 +62,6 @@ L.DrawToolbar.include({
}); });
class DrawTools extends Component { class DrawTools extends Component {
<<<<<<< src/components/DrawTools.js
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
...@@ -174,77 +173,6 @@ class DrawTools extends Component { ...@@ -174,77 +173,6 @@ class DrawTools extends Component {
</FeatureGroup> </FeatureGroup>
); );
} }
=======
constructor(props){
super(props);
this.state = {
geoJSONAll: [] // property for all GeoJSON data in the map
}
}
_onCreated = (e) => {
let type = e.layerType; // from the example; isn't used right now, but may be relevant in the future
let layer = e.layer;
this.makeGeoJSON(e.layer);
}
// turn layer to GeoJSON data and add it to an array of all GeoJSON data of the current map
makeGeoJSON = (e) => {
let geoJSON = e.toGeoJSON();
let newGeoJSONAll = this.state.geoJSONAll;
newGeoJSONAll.push(geoJSON);
this.setState({geoJSONAll: newGeoJSONAll});
console.log(JSON.stringify(geoJSON, null, 4)); // printing GeoJSON data of the previous object create
console.log("newGeoJSONAll.length: " + newGeoJSONAll.length);
}
render() {
return (
// "It's important to wrap EditControl component into FeatureGroup component from react-leaflet. The elements you draw will be added to this FeatureGroup layer, when you hit edit button only items in this layer will be edited."
<FeatureGroup>
<EditControl
position='topright'
onCreated={this._onCreated}
draw={{
circle: {
repeatMode: true, // allows using the tool again after finishing the previous shape
shapeOptions: {
color: '#f9f10c',
opacity: 100
}
},
rectangle: {
repeatMode: true
},
polygon: {
repeatMode: true,
allowIntersection: false, // Restricts shapes to simple polygons
drawError: {
color: '#e1e100', // Color the shape will turn when intersects
message: '<strong>Oh snap!<strong> you can\'t draw that!' // Message that will show when intersect
},
shapeOptions: {
color: '#ed2572',
opacity: 100
}
},
polyline: {
repeatMode: true,
shapeOptions: {
color: '#ed2572',
opacity: 100
}
},
marker: {
repeatMode: true
},
circlemarker: false
}}
/>
</FeatureGroup>
)
}
>>>>>>> src/components/DrawTools.js
} }
export default DrawTools; export default DrawTools;
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment