diff --git a/public/citybike.svg b/public/citybike.svg new file mode 100644 index 0000000..362b199 --- /dev/null +++ b/public/citybike.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/index.html b/public/index.html index a146b6f..61de30c 100644 --- a/public/index.html +++ b/public/index.html @@ -2,7 +2,7 @@ - + - React App + 30 minutes diff --git a/src/ThirtyMinutesMap.js b/src/ThirtyMinutesMap.js index 8754dca..a8bf010 100644 --- a/src/ThirtyMinutesMap.js +++ b/src/ThirtyMinutesMap.js @@ -17,6 +17,14 @@ const windowSizing = () => ({ class ThirtyMinutesMap extends React.Component { + /*constructor(props) { + super(props); + this.state = { + circleposition: null + }; + this.onStationClick = this.onStationClick.bind(this); + }*/ + componentDidMount() { console.log("Map get mounted"); } @@ -27,17 +35,18 @@ class ThirtyMinutesMap extends React.Component { } } - onStationClick(e) { - // center circle on clicked station - // do some magic to define the paths etc..... - } + /*onStationClick(e) { + this.setState({ + circleposition: [this.props.lat, this.props.lng] + }); + }*/ render() { // @todo: somewhere else const stationMarker = Leaflet.icon({ iconUrl: stationIcon, - iconSize: [38, 95], - iconAnchor: [22, 94], + iconSize: [35, 35], + iconAnchor: [15.5, 15.5], popupAnchor: [-3, -76], shadowSize: [68, 95], shadowAnchor: [22, 94]