diff --git a/react_usse/src/MapContainer.js b/react_usse/src/MapContainer.js index 774deeb8..b4b355f2 100644 --- a/react_usse/src/MapContainer.js +++ b/react_usse/src/MapContainer.js @@ -46,31 +46,33 @@ class LeafletMap extends Component { let { maxPrice} = this.props let { activeMarker, activeMarkerProps} = this.state; const position = [52.079, 5.09] + let count = 0 return(
- + {markers && markers.map((marker) => ( - - - Prijs: {marker.price} Per m2: {marker.price_m2}
- NFI: {Math.floor(marker.nfi_location.distance / 1000)} km, {Math.floor(marker.nfi_location.duration / 60)} minuten
- Korhoen: {Math.floor(marker.korhoen_location.distance / 1000)} km, {Math.floor(marker.korhoen_location.duration / 60)} minuten
- Bakkersdijk: {Math.floor(marker.bakkersdijk_location.distance / 1000)} km, {Math.floor(marker.bakkersdijk_location.duration / 60)} minuten
- Hoogstraat: {Math.floor(marker.hoogstraat_location.distance / 1000)} km, {Math.floor(marker.hoogstraat_location.duration / 60)} minuten
- Harde: {Math.floor(marker.harde_location.distance / 1000)} km, {Math.floor(marker.harde_location.duration / 60)} minuten
- Klik mij voor het huis -
- -
- ))} - - + + + Prijs: {marker.price} Per m2: {marker.price_m2}
+ NFI: {Math.floor(marker.nfi_location.distance / 1000)} km, {Math.floor(marker.nfi_location.duration / 60)} minuten
+ Korhoen: {Math.floor(marker.korhoen_location.distance / 1000)} km, {Math.floor(marker.korhoen_location.duration / 60)} minuten
+ Bakkersdijk: {Math.floor(marker.bakkersdijk_location.distance / 1000)} km, {Math.floor(marker.bakkersdijk_location.duration / 60)} minuten
+ Hoogstraat: {Math.floor(marker.hoogstraat_location.distance / 1000)} km, {Math.floor(marker.hoogstraat_location.duration / 60)} minuten
+ Harde: {Math.floor(marker.harde_location.distance / 1000)} km, {Math.floor(marker.harde_location.duration / 60)} minuten
+ Location: {count + "=" + marker.address + " " + Math.floor(marker.position[0]) + ":" + Math.floor(marker.position[1]) + "City:" + marker.city}
+ Klik mij voor het huis +
+ {/* {console.log(count + "=" + marker.position + "price:" + marker.city)} + {count = count + 1} */} +
+ ))} +
{this.props.toggleMenu && (