{"action":"created","issue":{"url":"https://api.github.com/repos/tomchentw/react-google-maps/issues/298","repository_url":"https://api.github.com/repos/tomchentw/react-google-maps","labels_url":"https://api.github.com/repos/tomchentw/react-google-maps/issues/298/labels{/name}","comments_url":"https://api.github.com/repos/tomchentw/react-google-maps/issues/298/comments","events_url":"https://api.github.com/repos/tomchentw/react-google-maps/issues/298/events","html_url":"https://github.com/tomchentw/react-google-maps/issues/298","id":165314937,"number":298,"title":"Cant drag or zoom map when directions are on","user":{"login":"zlwaterfield","id":6392501,"avatar_url":"https://avatars.githubusercontent.com/u/6392501?v=3","gravatar_id":"","url":"https://api.github.com/users/zlwaterfield","html_url":"https://github.com/zlwaterfield","followers_url":"https://api.github.com/users/zlwaterfield/followers","following_url":"https://api.github.com/users/zlwaterfield/following{/other_user}","gists_url":"https://api.github.com/users/zlwaterfield/gists{/gist_id}","starred_url":"https://api.github.com/users/zlwaterfield/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/zlwaterfield/subscriptions","organizations_url":"https://api.github.com/users/zlwaterfield/orgs","repos_url":"https://api.github.com/users/zlwaterfield/repos","events_url":"https://api.github.com/users/zlwaterfield/events{/privacy}","received_events_url":"https://api.github.com/users/zlwaterfield/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-07-13T13:03:24Z","updated_at":"2016-08-10T01:57:16Z","closed_at":null,"body":"I have the directions showing, they are working, but when you drag or zoom the map it defaults back to where the directions are. It is like the map is locked on the directions.\r\n\r\nGIF  to show => http://g.recordit.co/R3sDpLyqB6.gif\r\n\r\n```\r\n        <GoogleMapLoader\r\n          containerElement={\r\n            <div\r\n              {...this.props}\r\n              style={{ height: '100%' }}\r\n            />\r\n          }\r\n          googleMapElement={\r\n            <GoogleMap\r\n              ref='map'\r\n              defaultZoom={14}\r\n              defaultCenter={{lat: this.props.center[0], lng: this.props.center[1]}}\r\n              onDragend={this.handleBoundsChange}\r\n              onIdle={this.handleBoundsChange}>\r\n              { this.props.directions ? <DirectionsRenderer directions={this.props.directions} /> : null }\r\n              { (this.props.directions === null) &&\r\n                <MarkerClusterer\r\n                  averageCenter\r\n                  enableRetinaIcons\r\n                  styles={clusterStyles}\r\n                  gridSize= {25} >\r\n                  { this.props.locations.map((location, i) => {\r\n                    const geometry = location.address.geometry.location\r\n                    let icon = '/images/marker.png'\r\n                    if (location._id === this.state.hoverMarker || location._id === this.props.locationId) {\r\n                      icon = '/images/marker-hover.png'\r\n                    }\r\n                    return (\r\n                      <Marker\r\n                        position={{ lat: geometry.lat, lng: geometry.lng }}\r\n                        onClick={this.props.openModal.bind(this, location._id, 'location')}\r\n                        onMouseover={this.markerHoverOn.bind(this, location._id)}\r\n                        onMouseout={this.markerHoverOn.bind(this, null)}\r\n                        icon={icon}\r\n                        key={i}\r\n                      />\r\n                    )\r\n                  })}\r\n                </MarkerClusterer> ||\r\n                null\r\n              }\r\n            </GoogleMap>\r\n          }\r\n        />\r\n`"},"comment":{"url":"https://api.github.com/repos/tomchentw/react-google-maps/issues/comments/238745332","html_url":"https://github.com/tomchentw/react-google-maps/issues/298#issuecomment-238745332","issue_url":"https://api.github.com/repos/tomchentw/react-google-maps/issues/298","id":238745332,"user":{"login":"JoshuaGross","id":70602,"avatar_url":"https://avatars.githubusercontent.com/u/70602?v=3","gravatar_id":"","url":"https://api.github.com/users/JoshuaGross","html_url":"https://github.com/JoshuaGross","followers_url":"https://api.github.com/users/JoshuaGross/followers","following_url":"https://api.github.com/users/JoshuaGross/following{/other_user}","gists_url":"https://api.github.com/users/JoshuaGross/gists{/gist_id}","starred_url":"https://api.github.com/users/JoshuaGross/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/JoshuaGross/subscriptions","organizations_url":"https://api.github.com/users/JoshuaGross/orgs","repos_url":"https://api.github.com/users/JoshuaGross/repos","events_url":"https://api.github.com/users/JoshuaGross/events{/privacy}","received_events_url":"https://api.github.com/users/JoshuaGross/received_events","type":"User","site_admin":false},"created_at":"2016-08-10T01:57:16Z","updated_at":"2016-08-10T01:57:16Z","body":"What version are you using? I'm seeing similar behaviour on `5.0.0`, even with the default search box example (http://react-google-maps.tomchentw.com/#/places/search-box), but not on `4.x`."}}
{"actor":{"display_login":"JoshuaGross"}}