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的一部分)。

要求:项目:app > com.google.android.libraries.places:places:2.4.0

我正在尝试在我的应用程序中实现由 Google 提供支持的 PlaceAutoComplete。但我无法做到这一点...我已经在应用程序级 build.gradle 文件中实现了所需的依赖项并编写了 cod...

回答 2 投票 0

flutter google 地图附近搜索 api 类型“_Map<String, dynamic>”不是“String”类型的子类型

我正在使用 Google 新的附近搜索 API 生成我周围地点的标记列表,但收到此错误 类型“_Map”不是类型“String”的子类型 我是...

回答 1 投票 0

如何在从 Google api 位置获取照片时隐藏类元素中的 api

离子电容器和 React 适用于本机和 Web 应用程序 当我使用下面的代码从 google api 获取照片数据时。它工作得很好,但是当我在网站上检查时,我可以在照片 src 上看到我的 APIKEY 如何...

回答 1 投票 0

对于 Google 地方信息 2019 更新,无法在 setTypeFilter() 中使用两个 typeFilters

我已使用以下方式升级到新的 Google 地方信息: 'com.google.android.libraries.places:places:2.0.0' 我在我的布局中实现了 AutoCompleteSupportFragment,并且在该片段中...

回答 2 投票 0

Google Places API:某些国家/地区(法国 DOM-CROM)未在自动完成中列出

我正在寻找自动补全法国 DOM-CROM(海外行政部门和领土)的位置,但它们未在结果中列出。 这是我的配置: 变量选项= { 类型...

回答 1 投票 0

如何从 Google Places API 获取地点描述

我正在尝试使用Google地方API来获取某些地方的信息。我有一个 来自谷歌搜索的示例: 这是我试图找到的。我认为 Plac 的“类型”字段......

回答 3 投票 0

在混合移动应用程序中使用 VueJ 实现 google 地点

我正在尝试在混合移动应用程序中使用 vue js 实现 Google 地点的搜索。搜索功能工作正常,但当我单击地点列表时,我无法选择任何一个

回答 2 投票 0

Places API 附近搜索行为,查询有时会返回不同的数据

当我多次点击相同的参数时,即使同时进行,结果有时也会有所不同。 获取 https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=51。

回答 1 投票 0

从 Google Maps Places API 中删除占位符文本

我正在使用 Google Maps Places API 自动完成功能在页面上提供位置自动完成功能,类似于:https://developers.google.com/maps/documentation/javascript/examples/places-

回答 6 投票 0

Google Places api 不返回某些地方的邮政编码

我有一个可以收集用户位置信息的表单。我正在使用 Google Places api 自动完成位置信息。效果很好。然而一切都填写得很好......

回答 3 投票 0

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

TL;DR - 我需要帮助使用 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 的输入标签正确运行是绝对必要的)。抱歉,我真的很忙,现在无法发布良好的可复制片段。

回答 4 投票 0

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

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

回答 0 投票 0

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

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

回答 1 投票 0

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

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

回答 2 投票 0

在部署时将位置偏差参数与 google 地图 api 放置 web-api 一起使用时出现意外结果,结果不在建议半径内

我正在尝试使用Google Maps API,特别是在我的网络应用程序中放置web-api,以便用户可以按名称搜索并在地图上向他们显示结果。 当我在本地测试我的应用程序时,那就是

回答 1 投票 0

查找特定地址或坐标中的兴趣点

我愿意找到特定地址内所有现有的兴趣点。 我尝试使用 Google Places API,但每当我输入地址时,它都会返回“Street_addr...

回答 1 投票 0

Flutter Google 地点自动填充仅适用于地区和子地区

我想通过 Google Places API 获取仅针对地区和次地区的建议,仅此而已。 我阅读了 Google Places 网站上的文档,看来这很重要......

回答 1 投票 0

如何在 Google 地图上获取所有加油站的坐标?

我正在为大学最后一年的项目开发一个汽油价格比较应用程序(如果您住在英国/美国,则类似于 GasBuddy 或 PetrolPrices)。我想创建一个 Android 应用程序...

回答 1 投票 0

使用 Google Places API 获取超过 20 个结果

我想开发一个地图应用程序,它将显示给定地点附近的银行。 我使用 Places 库进行搜索,每次只返回 20 个结果。如果我想要更多资源,我该怎么办...

回答 7 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.