


// import { Map, InfoWindow, Marker, GoogleApiWrapper } from 'google-maps-react';
// import React, { Component } from 'react';

// const mapStyles = {
//   width: "96%",
//   height: "50%"
// };

// export class MapContainer extends Component {


//   state = {
//     showingInfoWindow: true,
//     mapLoaded: false,
//      activeMarker: {},         
//     selectedPlace: {}
//   };



//   onMarkerMounted = element => this.onMarkerClick(element.props, element.marker, element);



//   onMarkerClick = (props, marker, e) => {
//     this.setState({
//       showingInfoWindow: true,
//       selectedPlace: props,
//       activeMarker: marker,
//     });
//   };



//   render() {

//     console.log(this.props.data)
//     return (
//       <Map google={this.props.google} style={mapStyles} zoom={7} initialCenter={{
//         lat: 10.543190,
//         lng: 76.136627,
//       }}  >


//         {this.props.data.map((ref) => {

//           var lat = ref.data[0].opReg.referrer.refr_latitude;
//           var lng = ref.data[0].opReg.referrer.refr_longitude;

//           var position = {
//             lat: lat,
//             lng: lng
//           };


//           return (
//             <>
//               <Marker onClick={this.onMarkerClick}
//                 ref={this.onMarkerMounted} position={{
//                   lat: 10.543190,
//                   lng: 76.136627
//                 }} name={'Current location'} >

//               <InfoWindow marker={this.state.activeMarker}  onClose={this.onInfoWindowClose} visible={true} position={{
//                 lat: 10.543190,
//                 lng: 76.136627
//               }}>
//                 <div><h2>Place</h2></div>
//               </InfoWindow>
              
//               </Marker>
//             </>
//           )
//         }
//         )
//         }

//       </Map>
//     );
//   }

// }

// export default GoogleApiWrapper({

//   apiKey: 'AIzaSyAMMRIvR_niHHtS4tUHiw46OatXIoPSONs'


//   // apiKey: 'AIzaSyA2Jbw1Zpws6LFIxi3Xyb48vUOEoWRbeZA'
// })(MapContainer)