Попытка использовать геокодер с картами Google, получая нулевое значение из лат - PullRequest
Новая
       15

Попытка использовать геокодер с картами Google, получая нулевое значение из лат

0 голосов
/ 19 мая 2019

Я хочу использовать геокодер Google, чтобы превратить адрес в координаты широты и долготы, чтобы вставить их в карту Google.Но я просто продолжаю получать ту же ошибку "TypeError: Невозможно прочитать свойство 'lat' of null".По сути, по какой-то причине я не могу использовать lat и lng от государства.Они возвращаются как нуль

Я пробовал решения, упомянутые здесь: https://github.com/tomchentw/react-google-maps/issues/324, но ни одно из них не сработало 

    import React, { Component, PureComponent } from 'react'
    import { withScriptjs, withGoogleMap, GoogleMap } from 'react- 
    google-maps'
    import { compose, withProps } from 'recompose'

    class MapComponent extends Component {
       componentDidMount() {
          let geocoder = new window.google.maps.Geocoder();
          geocoder.geocode( { 'address': 'New york'}, 
    function(results, status) {
              if (status == 'OK') {
               this.setState({ 
                  lat: results[0].geometry.location.lat(), 
                  lng: results[0].geometry.location.lng(),


                })

              } else {
                  console.log('Geocode was not successful for the 
    following reason:', status);
              }
          })
        }
        render() {
          const { lat, lng } = this.state
          return lat && lng ? <GoogleMap
              defaultZoom={7}
              defaultCenter={{ lat, lng }}
          >
          </GoogleMap> : <div>Loading...</div>
        }
    }

    export default compose(
      withProps({
          googleMapURL: ('https://maps.googleapis.com/maps/api/js? 
   v=3.exp&libraries=geometry,drawing,places&key=' + 
   MYAPI),
          loadingElement: (<div style={{ height: '100%' }} />),
          containerElement: (<div style={{ height: '400px' }} />),
          mapElement: (<div style={{ height: '100%' }} />)
      }),
      withScriptjs,
      withGoogleMap)(MapComponent)

TypeError: Невозможно прочитать свойство 'lat' изнуль

...