|
@@ -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>
|
|
|
|