google-places-api 相关问题

Google Places API是一种服务，可返回有关地点的信息 - 在此API中定义为机构，地理位置或重要的兴趣点。放置请求将位置指定为纬度/经度坐标。 Google Places API可用作网络服务（HTTP请求），Google Maps API v3的JavaScript库，Android API（在Google Play服务中）和iOS库（Google Maps for iOS SDK的一部分）。

Google Places API - 下载用户评论和星级评级

TL;DR - 我需要帮助使用 Google Places API 下载多个商店的星级评定和用户评论，但我太笨了，不知道我应该做什么。请帮忙！为了...的生活

google-maps google-places-api

回答 1 投票 0

有没有办法设置React Google Places AutoComplete的初始值？

使用这个库 - https://tintef.github.io/react-google-places-autocomplete/docs/ -我有 - 使用这个库 - https://tintef.github.io/react-google-places-autocomplete/docs/ -我有 - <GooglePlacesAutocomplete apiKey={'someKey'} autocompletionRequest={{ componentRestrictions: { country: ['uk'] } }} selectProps={{ value: address, onChange: (o) => { let placeId = o["value"]["place_id"]; setAddress(o); formik.setFieldValue("googlePlaceId", placeId); } }} /> 我需要传递什么作为“地址”的值才能有初始值？我尝试过 {label: "some address", place_id: "ChIJNYiUp8ROeEgRikq4Ws76OpU"} 并传递使用实用程序 geocodeByPlaceId 返回的对象。到目前为止，前者的工作原理是在初始化时在输入字段中显示标签，但它似乎已损坏。例如，当我尝试使用退格键删除值时，我的 React 应用程序崩溃并在控制台中出现此错误 - Uncaught TypeError: Cannot read property 'place_id' of undefined at Object.getOptionValue (index.es.js:30) at cr (index.es.js:30) at eval (index.es.js:30) at Array.some (<anonymous>) at lr (index.es.js:30) at or (index.es.js:30) at eval (index.es.js:30) at Array.map (<anonymous>) at rr (index.es.js:30) at eval (index.es.js:30) 最好按照创建者建议的 React-Select 文档来实现这一点。但为了实现你想做的事情，你需要 React State。 import { useState, useEffect } from "react"; import GooglePlacesAutocomplete from "react-google-places-autocomplete"; const Places = () => { const [data, setData] = useState(""); //our default data useEffect(() => { data === "" ? setData("") : setData(data.label); }, [data]); // updating our default data return ( <GooglePlacesAutocomplete apiKey={process.env.REACT_APP_MAP_API_KEY} autocompletionRequest={{ componentRestrictions: { country: ["ng"], //to set the specific country }, }} selectProps={{ defaultInputValue: data, //set default value onChange: setData, //save the value gotten from google placeholder: "Start Destination", styles: { input: (provided) => ({ ...provided, color: "#222222", }), option: (provided) => ({ ...provided, color: "#222222", }), singleValue: (provided) => ({ ...provided, color: "#222222", }), }, }} onLoadFailed={(error) => { console.log(error); }} /> ); }; export default Places; 我们使用 useEffect 来更新我们设置的默认值，前提是我们获得了实际值。如果我们没有获得实际价值，我们就不会保存它。令人烦恼的是，这个库的文档引用了另一个库的文档，react-select。这就是我的组件现在的样子 - <GooglePlacesAutocomplete apiKey={''} autocompletionRequest={{ componentRestrictions: { country: ['uk'] } }} selectProps={{ defaultInputValue: formik.status["addressLabel"], isClearable: true, value: address, onChange: (o) => { let placeId = ""; if(o){ placeId = o["value"]["place_id"]; } setAddress(o); formik.setFieldValue("googlePlaceId",placeId); } }} /> 所以在更高的组件中我有 - const [address, setAddress] = useState(); 默认初始值是这样设置的（使用formik）- <Formik initialValues={initialValues} validationSchema={validationSchema} // validationSchema={{}} onSubmit={(values, actions) => { actions.setSubmitting(false); submitHandler(values, actions) }} initialStatus={{ addressLabel: addressLabel }} > { formik => { return ( <Form formik={formik} {...formProps} /> ) } } </Formik> 如果您只想将地址设置为 googlePlacesinput 的文本。你可以在这篇文章中看看我是如何做的...... https://stackoverflow.com/a/77081486/15315728 我解决了这样做： import { usePlacesWidget } from 'react-google-autocomplete' import TextField from '@mui/material/TextField'; const { ref, autocompleteRef } = usePlacesWidget({ apiKey: googleApiKey, options: { types: ['address'] }, onPlaceSelected: (place) => { console.log(place) const latitude = place.geometry.location.lat(); const longitude = place.geometry.location.lng(); console.log(latitude, longitude) setFormState(prevState => ({ ...prevState, location: place.formatted_address || "", lat: latitude, lng: longitude })); } }); useEffect(()=> { if (!isEditing && ref.current !=null) { const inputElement = ref.current as HTMLInputElement; if (initialForm?.location) { inputElement.value = initialForm?.location inputElement.click() } } }, [isEditing, ref]) 然后使用它 <TextField label="Location" inputRef={ref} disabled={!isEditing} > </TextField> isEditing和initialForm是从父组件到子组件设置的，基本上useEffect会查找ref和isEditing的变化，如果isEditing为false则有initialForm.location值，只需与HTMLInputElement（ref.current）交互设置该值并单击它（单击此处对于正确触发 MUI TextField 的输入标签正确运行是绝对必要的）。抱歉，我真的很忙，现在无法发布良好的可复制片段。

reactjs google-places-api

回答 4 投票 0

Google 地图如何获取某个组织的所有地址？

有没有一个API可以获取所有组织的地址，该组织在多个城市甚至其他国家都有办事处？通过使用 GoogleMaps API 库我是

google-maps web-services google-places-api

回答 0 投票 0

GooglePlacesAutocomplete 无法在 android 的反应本机 apk 文件中工作

我在我的 React Native 项目中实现了 Google Places API，我正在尝试使用 GooglePlacesAutocomplete 查询地点搜索，但对于 Android，它仅在使用 expo 进行测试时以及当我...

android react-native google-maps google-places-api

回答 1 投票 0

限制使用地点自动完成的范围

我正在尝试限制 use-places-autocomplete 的范围，如下所示请求选项：{ 类型：[“地理编码”]，字段：[ “姓名”， “地址_组件...