Unable to get google's map object

Here is my component:

'use strict';

import React from 'react';
import {withGoogleMap, GoogleMap} from 'react-google-maps';
import {MAP} from 'react-google-maps/lib/constants';

export default class Presentation extends React.Component {
    
    static contextTypes = {
        [MAP]: React.PropTypes.object
    }
    
    render() {
        
        var _this = this;

        const MyMap = withGoogleMap((props) => (
            <GoogleMap
                defaultCenter: {
                    lat: 38.809972,
                    lng: -100.60729
                },
                defaultZoom: 5,
                onDragEnd={(e) => {
                    console.log(_this.context[MAP]);
                    console.log(e.latLng.lat(), e.latLng.lng());
                }}
            ></GoogleMap>
        ));

        return (
            <MyMap
                loadingElement={<div className="map-loading" />}
                containerElement={<div className="map-container" />}
                mapElement={<div className="map-element" />}
            />
        );

    }

}

In onDragEnd function I want to get google’s map object. Here I found an example how to do that: https://github.com/tomchentw/react-google-maps/issues/161 (I mean using context) But _this.context[MAP] is always undefined for me.

Please provide any workable example or just tell me what is wrong with mine.

• “react”: “^15.4.0”
• “react-google-maps”: “^9.4.5”

[ivgrin]

Yes, this works for me too, big thanks!!)

[marwan38]

<GoogleMap ref={map => this._map = map} />
onDragEnd={this._map.getCenter().toJSON()}

I’ve been trying to figure out how to update the current center coords, this is what worked for me.