// eslint-disable-next-line
import React, { useState, useEffect, Component } from "react";
import {
GoogleMap,
withScriptjs,
withGoogleMap,
Marker,
InfoWindow
} from "react-google-maps";
import * as listingData from "./data/property-data.json";
import mapStyles from "./mapStyles";
import "./ListingsPage.css";
function Map() {
const [selectedProperty, setSelectedProperty] = useState(null);
return (
{listingData.Properties.map(house => (
{
setSelectedProperty(house)
}}
icon={{
url: "homes-3.svg",
scaledSize: new window.google.maps.Size(50, 50)
}}
/>
))}
{selectedProperty && (
{
setSelectedProperty(null);
}}
>
{selectedProperty.ADDRESS}
{selectedProperty.DESC}
)}
);
}
const MapWrapped = withScriptjs(withGoogleMap(Map))
class ListingsPage extends Component {
render() {
return (
{/*
*/}
}
containerElement={
}
mapElement={
}
/>
);
}
}
export default ListingsPage;