{"action":"opened","issue":{"url":"https://api.github.com/repos/tomchentw/react-google-maps/issues/280","repository_url":"https://api.github.com/repos/tomchentw/react-google-maps","labels_url":"https://api.github.com/repos/tomchentw/react-google-maps/issues/280/labels{/name}","comments_url":"https://api.github.com/repos/tomchentw/react-google-maps/issues/280/comments","events_url":"https://api.github.com/repos/tomchentw/react-google-maps/issues/280/events","html_url":"https://github.com/tomchentw/react-google-maps/issues/280","id":159593585,"number":280,"title":"My maps is grey","user":{"login":"Rtg147","id":6206019,"avatar_url":"https://avatars.githubusercontent.com/u/6206019?v=3","gravatar_id":"","url":"https://api.github.com/users/Rtg147","html_url":"https://github.com/Rtg147","followers_url":"https://api.github.com/users/Rtg147/followers","following_url":"https://api.github.com/users/Rtg147/following{/other_user}","gists_url":"https://api.github.com/users/Rtg147/gists{/gist_id}","starred_url":"https://api.github.com/users/Rtg147/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Rtg147/subscriptions","organizations_url":"https://api.github.com/users/Rtg147/orgs","repos_url":"https://api.github.com/users/Rtg147/repos","events_url":"https://api.github.com/users/Rtg147/events{/privacy}","received_events_url":"https://api.github.com/users/Rtg147/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-06-10T09:21:37Z","updated_at":"2016-06-10T09:21:37Z","closed_at":null,"body":"Maps is grey when larger than a certain width. And the zoom btns icons dont display well as i move too.Where does it come from ?\r\n\r\n> import React from 'react';\r\n> import getAvaiabilityResults from '../../utils/helpers'; \r\n> import Results from './Results';\r\n> import {GoogleMapLoader, GoogleMap, Marker} from \"react-google-maps\";\r\n> class ResultList extends React.Component{\r\n> \tconstructor(props){\r\n> \t super(props);\r\n> \t\tthis.state ={ usersDataArr:null }\r\n> \t }\r\n> \t \r\n> \tcomponentDidMount() {\r\n> \t\tgetAvaiabilityResults(this.props.params.places,this.props.params.branch,this.props.params.dayOfMonth,this.props.params.timeStart,this.props.params.timeEnd)\r\n> \t\t.then(function(data){\r\n> \t\t\tthis.setState({\r\n> \t\t\t\tusersDataArr:data.AvaiabilityResults\r\n> \t\t\t})\r\n> \t\t}.bind(this));\r\n> \t\t\r\n> \r\n> \t}\r\n> \trender(){\r\n> \t\t\t\treturn(\r\n>             <div>\r\n>             \r\n>          \t     <section style={{height: \"600px\"}}>\r\n> \t\t\t      <GoogleMapLoader\r\n> \t\t\t        containerElement={\r\n> \t\t\t          <div\r\n> \t\t\t            {...this.props.containerElementProps}\r\n> \t\t\t            style={{\r\n> \t\t\t              height: \"100%\",\r\n> \t\t\t            }}\r\n> \t\t\t          />\r\n> \t\t\t        }\r\n> \t\t\t        googleMapElement={\r\n> \t\t\t          <GoogleMap\r\n> \t\t\t            ref={(map) => console.log(map)}\r\n> \t\t\t            defaultZoom={3}\r\n> \t\t\t            defaultCenter={{ lat: -25.363882, lng: 131.044922 }}\r\n> \t\t\t            markers={[{\r\n> \t\t\t            \tposition:{\r\n> \t\t\t            \t\tlat:46.181364,\r\n> \t\t\t            \t\tlng:6.144949\r\n> \t\t\t            \t},\r\n> \t\t\t            \tkey:`Carouge`,\r\n> \t\t\t            \tdefaultAnimation:2,\r\n> \t\t\t            }]}\r\n> \t\t\t            onClick={this.props.onMapClick}\r\n> \t\t\t          >\r\n> \t\t\t           \r\n> \t\t\t          </GoogleMap>\r\n> \t\t\t        }\r\n> \t\t\t      />\r\n> \t\t\t    </section>\r\n> \t\t\t\t\r\n> \r\n>          \t     \r\n>             \t{this.state.usersDataArr && <Results teachers={this.state.usersDataArr} place={this.props.params.places} />}\r\n>             \t\r\n>            </div>\r\n> \t\t\t);\r\n> \t}\r\n> }\r\n> \r\n> \r\n> export default  ResultList;"}}
{"actor":{"display_login":"Rtg147"}}