i was trying to change the postion marker by onclick but i am unable to get the updated latitude and lng of the marker

tomchentw / react-google-maps

React.js Google Maps integration component

MIT License

4.62k stars 939 forks source link

import React from 'react'; import { compose, withStateHandlers } from "recompose"; import { InfoWindow, withGoogleMap, withScriptjs, GoogleMap, Marker } from 'react-google-maps';

const Map = compose( withStateHandlers(() => ({ isMarkerShown: false, markerPosition: null }), { onMapClick: ({ isMarkerShown }) => (e) => ({ markerPosition: e.latLng, isMarkerShown:true }) }), withScriptjs, withGoogleMap ) (props => <GoogleMap defaultZoom={8} defaultCenter={{ lat: -34.397, lng: 150.644 }} onClick={props.onMapClick}

{props.isMarkerShown && }

    </GoogleMap>
)

export default class MapContainer extends React.Component { constructor(props) { super(props) }

render() {
    return (
        <div style={{ height: '100%' }}>
            <Map
                googleMapURL="https://maps.googleapis.com/maps/api/js?key=AIzaSyAvcDy5ZYc2ujCS6TTtI3RYX5QmuoV8Ffw"
                loadingElement={<div style={{ height: `100%` }} />}
                containerElement={<div style={{ height: `400px` }} />}
                mapElement={<div style={{ height: `100%` }} />}
            />
        </div>
    )
}

}

tomchentw / react-google-maps

i was trying to change the postion marker by onclick but i am unable to get the updated latitude and lng of the marker #1046