React Native Google Maps с автозаполнением, чтобы получить местоположение - PullRequest
Новая
       10

React Native Google Maps с автозаполнением, чтобы получить местоположение

0 голосов
/ 13 июля 2020

Я реализую тот же самый код React Native Google Maps с автозаполнением, по этой ссылке: https://medium.com/@Mdmoin07 / response-native- google-maps -with-autocomplete-45a5617be2f5

Я пытаюсь найти местоположение из класса MapContainer, но не могу его понять. 

class MapContainer extends React.Component {
    state = {
        region: {}
    };

    componentDidMount() {
        this.getInitialState();
    }

    getInitialState() {
        getLocation().then(
            (data) => {
                this.setState({
                    region: {
                        latitude: data.latitude,
                        longitude: data.longitude,
                        latitudeDelta: 0.003,
                        longitudeDelta: 0.003
                    }
                });
            }
        );
    }

    getCoordsFromName(loc) {
        this.setState({
            region: {
                latitude: loc.lat,
                longitude: loc.lng,
                latitudeDelta: 0.003,
                longitudeDelta: 0.003
            }
        });
    }

    onMapRegionChange(region) {
        this.setState({ region });
    }

    render() {
        console.log(this.state.region,"fgg")
       // console.log(data.description); what should i write to show data?
        return (
            <View style={{ flex: 1 }}>
                <View style={{ flex: 1 }}>
                    <MapInput notifyChange={(loc) => this.getCoordsFromName(loc)}
                    />
                </View>

                {
                    this.state.region['latitude'] ?
                        <View style={{ flex: 1 }}>
                            <MyMapView
                                region={this.state.region}
                                onRegionChange={(reg) => this.onMapRegionChange(reg)} />
                        </View> : null}
            </View>
        );
    }
}

export default MapContainer;

как вы видите, я могу получить широту lng из региона (console.log (this .state.region, "fgg")) но как я могу получить местоположение, например, название города. Надеюсь, я прояснил это достаточно ясно, буду признателен за вашу помощь. спасибо!

1 Ответ

0 голосов
/ 15 июля 2020

Ваш код выглядит нормально. Я столкнулся с аналогичной проблемой, и в моем случае это была неправильная конфигурация в консоли разработчика Google.

Чтобы получить имена и адреса, мне нужно было включить Places Api в моем проекте на Google developer console, и код запустился рабочий.

...