pigeon: small changes to update to v0.17

src/maps/Pigeon.js

@@ -1,7 +1,6 @@
 import React from "react";
 import Map from "pigeon-maps";
-import Marker from "pigeon-marker";
-import Overlay from "pigeon-overlay";
+import {Marker, Overlay} from "pigeon-maps";
 import Draggable from "pigeon-draggable";
 import {longitude, latitude, mapWidth, mapHeight} from "./../config/variables";
 import {Button} from "reactstrap";
@@ -89,7 +88,7 @@ export default class Pigeon extends React.Component{
           offset={[15, 32]}
           onDragEnd={(event) => this.updateMarker(event, idx)}
         >
-          <Marker anchor={pos} key={idx}/>
+          <Marker anchor={pos} key={idx} color="grey"/>
         </Draggable>
       )
     }
@@ -98,7 +97,7 @@ export default class Pigeon extends React.Component{
       <div>
         <div className="map">
           <Map
-            center={this.state.coords}
+            defaultCenter={this.state.coords}
             defaultZoom={this.state.defaultZoom}
             zoom={this.state.zoom}
             width={mapWidth}
@@ -108,6 +107,8 @@ export default class Pigeon extends React.Component{
             animation={true}
             provider={this.providers["osm"]}
             dprs={[1, 2]}
+            animation={true}
+            mouseEvents={true}
             onClick={(event) => this.addMarker(event)}
           >
             {markers}
@@ -115,6 +116,17 @@ export default class Pigeon extends React.Component{
               <Overlay anchor={[latitude, longitude]} offset={[120, 79]}>
                 {/*<img src='pigeon.png' width={240} height={158} alt='pigeon' />*/}
               </Overlay>
+
+              {/*<Overlay
+                anchor={[latitude, longitude]}
+                offset={[60, 87]}
+                style={{
+                  clipPath:
+                    'polygon(100% 0, 83% 0, 79% 15%, 0 68%, 0 78%, 39% 84%, 43% 96%, 61% 100%, 79% 90%, 69% 84%, 88% 71%, 100% 15%)',
+                }}
+              >
+                <p style={{backgroundColor: "red"}}>test overlay</p>
+              </Overlay>*/}
           </Map>
         </div>