问题标签 [google-maps-autocomplete]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
26 浏览

javascript - 行政区域名称与地区和地址不匹配

我在将城市与地址的城市组成部分匹配时遇到问题。例如,我有一个表单,它返回参数设置为的城市名称,types(regions)另一个表单的types参数设置为addresses.

场景,当我在完整地址输入中搜索时:

14 伦勃朗广场

当我在阿姆斯特丹选择一个组件时,它给了我这个组件:

我需要将locality,administrative_area_level_1country参数与(regions)输入中的参数相匹配。这给了我这个输出Amsterdam

如您所见,第一个输出Noord-Holland作为administrative_area_level_1组件,第二个输出North Holland

我还尝试将自动完成启动器的语言参数设置为en但仍然没有运气。

发起人:

地址输入:

城市输入:

提前致谢。

0 投票
2 回答
848 浏览

javascript - 如何在 Google 地图自动完成中优先考虑国家/地区?

我希望我的自动完成功能首先显示指定的国家,而不是其他国家。

现在我有这个:

但是当我打字时lond,我London首先得到的是法国城市而不是法国城市(例如Londinières

编辑:

我也尝试了这个bounds选项,我得到了相同的结果

0 投票
1 回答
568 浏览

angular - Google Places Autocomplete 不返回某些类型的结果

我正在使用 google 地方自动完成功能为我的用户推荐学校。当我将类型指定为学校或 point_of_interest 作为另一个示例时,自动完成功能根本不起作用。当我将类型指定为建立或地理编码时,自动完成工作正常。

我正在使用 Ionic 4,我的自动完成代码如下所示:

profile.page.ts

profile.page.html

index.html(googlemaps api 字符串)

我已经在这里尝试过修复,但没有骰子: Google Places Autocomplete 没有出现

0 投票
0 回答
166 浏览

angular - 错误错误:未捕获(承诺):TypeError:无法读取Angular和谷歌地图自动完成中未定义的属性'nativeElement'

我在实现 Google 自动完成时收到此错误

我的组件与它类似:

在这部分中,我收到错误“无法读取未定义的属性‘nativeElement’”

HTML 代码:

0 投票
1 回答
1507 浏览

ionic-framework - 修复 TS2345:“HTMLElement”类型的参数不可分配给“HTMLInputElement”类型的参数

我正在尝试在新的 Ionic 应用程序中设置Google Maps Places Autocomplete 。

这就是问题所在。在第一次搜索时,我在控制台中收到此错误:

和终端中的这个错误:

但是,在第二次搜索中,我得到了 place_id,没有任何错误。

这是我的(简化的).ts 文件

和我使用的输入:

我应该如何进行?

0 投票
1 回答
106 浏览

javascript - 从 Google Maps Autocomplete js 获取 Lat、Lng、Country 和 State

我需要 Google Place Autocomplete 这些值:

适用于 place.nameplace.geometry,但不适用于place.countryplace.state

如何获得其他两个值?谢谢你的任何建议。

整体功能:

0 投票
0 回答
135 浏览

javascript - 如果在谷歌地图的搜索框中复制粘贴地址,位置不会改变

我正在使用具有搜索字段的谷歌地图,并且当用户在该搜索字段中键入时,地图中的位置会发生变化,但如果用户在搜索字段中复制粘贴位置,那么位置也应该改变,但现在它是在复制粘贴事件上没有改变。

0 投票
1 回答
66 浏览

javascript - 仅在谷歌地址自动完成时建议完整地址

我正在尝试通过js实现google地址自动完成功能。我的实现如下所示。它工作正常,唯一的问题是在搜索地址时,它也建议没有邮政编码的通用地址。我的系统需要的是带有邮政编码的完整地址。见截图https://prnt.sc/wi228m。下面是我目前的实现

有人可以建议如何只显示完整地址吗?

0 投票
0 回答
14 浏览

reactjs - 从自动完成中检索第一个预测?

我正在使用react-google-autocomplete并且我想在按下Enter按钮后检索第一个预测。有什么方法可以获取预测列表吗?我的想法是为Enter按钮创建一个监听然后模拟ArrowDown然后Enter button但我不知道是否有办法做到这一点React。到目前为止,我的代码如下所示:

0 投票
0 回答
24 浏览

angular - 是否可以更改谷歌地图自动完成对象绑定到的输入元素?

在 Angular 应用程序中,我创建了一个自动完成对象,并使用以下代码行将其绑定到 id 为 firstaddress 的输入:

this.autocomplete = new google.maps.places.Autocomplete(this.firstaddress.nativeElement, {});

工作正常。

在工作流程中的某个时刻,我想从 firstaddress 中取消绑定 this.autocomplete,并将其绑定到 ID 为 secondaddress 的新输入,而不破坏 this.autcomplete。

这可能吗?如果是这样,怎么做?

谢谢。