时间戳

首页 > 解决方案 > 世博会谷歌地图位置地理编码自动完成

reactjs - 世博会谷歌地图位置地理编码自动完成

问题描述

我正在为我的地图输入文本，使用 Expo Location API（地理编码）搜索给定位置。我的问题是我想对位置进行自动完成......就像这个组件一样https://yarnpkg.com/package/react-native-google-places-autocomplete

有任何想法吗？由于“由 Google 提供支持”徽标，我不使用 react-native-google-places-autocomplete。

Pd：谷歌版权标志在地图底部。

标签： reactjsreact-nativegoogle-mapsgoogle-maps-api-3expo

解决方案

您可以使用react-native-google-places-autocomplete.

有一个道具可以让你禁用由谷歌提供支持的标签。 enablePoweredByContainer={false}.

import React from 'react';
import { GooglePlacesAutocomplete } from 'react-native-google-places-autocomplete';

const GooglePlacesInput = () => {
  return (
    <GooglePlacesAutocomplete
      placeholder='Search'
      onPress={(data, details = null) => {
        // 'details' is provided when fetchDetails = true
        console.log(data, details);
      }}
      query={{
        key: 'YOUR API KEY',
        language: 'en',
      }}
      enablePoweredByContainer={false}
    />
  );
};

export default GooglePlacesInput;

推荐阅读