问题标签 [google-maps-autocomplete]

我正在使用 Factual API 和 Google Maps API 来获取某个城市餐厅的数据。顾名思义，Factual 处理 Factual 数据，并且不将餐厅图像作为其 API 的一部分。

有人知道我是否可以将实际的地点 ID 与地图中的地点 ID 进行比较，并获得与之关联的正确餐厅图像？

现在的情况

我在网页中实现了一个 Google 自动填充文本框，以便用户可以选择一个 Google Place，并将该地点/地址信息存储到他们的帐户中。 基本上将 Google 的Place Autocomplete 演示与他们的Place Autocomplete Address 演示相结合

从自动完成的“搜索”框中，用户搜索一个地方（在这种情况下，一个establishment类型）。然后，他们会获得一些最接近匹配选项的列表 - 并且可以从列表中选择正确的选项。

当他们“选择”一个地方时，就会引发一个place_changed事件。

从这个事件中，我已经能够连接一个侦听器，它在选定的位置显示一个地图标记place并弹出一个InfoWindow.

我已将“默认”更改InfoWindow为我自己的，如果用户愿意，它允许用户单击“使用”按钮 - 然后一些 JavaScript 会处理并在某些字段中存储必要的数据。本质上，一切都是按照 Google 的文档完成的。

正如我所愿（yippee！），一切都在工作。

这是一个示例：

考虑这个...

现在，假设用户从自动完成下拉菜单中选择了“匹配”。添加一个地图标记，然后将地图聚焦到它，并InfoWindow弹出“使用”按钮（如上）。

然而，他们决定不“使用”它——他们看到了附近另一个他们想使用的地方。

从地图上，用户可以点击所述替代地点，然后InfoWindow弹出另一个地点，显示地址和“在谷歌地图上查看”的链接。

像这样的东西：

注意：我注意到罐头的内容InfoWindow有时会因特殊类型的设施而异 - 例如火车站（地址未显示 - 只是一些符号表示它是一个火车站）。我对此并不太在意，因为希望我的问题的答案将使这个空白。

问题

很明显，点击不同的位置只会带来这个“替代方案” InfoWindow——我假设一个事件被触发，谷歌的 JS 通过InfoWindow在选定的位置启动另一个来处理它。

如果用户愿意的话，我认为如果用户能够“使用”他们点击过的其他位置，那将是一个更好的用户体验。他们目前必须“再次搜索”该其他位置，基本上最终得到与第一张图像相同的结果。

在 Internet 上无处可寻，我能找到一种方法来操纵点击另一个地方。

我尝试搜索要监听的事件，然后进行处理（就像我通过我自己的回调函数显示我的自定义InfoWindowfrom一样）。place_changed

我能做些什么？

我需要知道以下内容：

• 从地图中选择“替代”位置时会触发什么事件？
• 此事件是否包含一个place对象，例如在place_changed事件 args 中？
• 如果是这样，我可以连接到这个事件，将 said 传递place给我现有的 JavaScript 函数，该函数设置地图标记并打开InfoWindow？

提前感谢您的帮助和建议 - 一如既往地感激不尽。

我一直在尝试在 ionic 2 项目中添加谷歌地图位置自动完成以更新用户位置。但是，addEventListener 似乎不起作用，并且没有控制台错误，谁能告诉我哪里出错了？

索引.html

我正在使用谷歌地图自动完成。我有一个 div 元素，我有一个输入元素来搜索位置。我得到一个可能位置的下拉列表。如何让列表位于顶部而不是显示在搜索文本字段下方（作为“下拉”列表？？）。

参考：https ://developers.google.com/maps/documentation/javascript/places-autocomplete#places_searchbox

如果选择了，我只想在特定国家/地区获得地址。我的代码是：

但我的国家价值总是空的。我如何处理国家以获取其价值？请帮帮我。谢谢！

使用坐标或硬编码的搜索字符串打开Google 地图自动完成搜索建议在技术上是否可行？通常它会显示空字段和下面的视图 - 布局是空的，除了powered by Google元素：

在通过 ID 从不同组件访问 DOM 元素时，我发现 Angular 4.4.6 存在问题。

在我的组件中，我想为某些用途绘制谷歌地图。如 API 中提供的示例所示，我通过在 .html 文件中包含以下内容来做到这一点：

在 .ts 文件中，我的ngOnInit函数中有以下内容：

这按预期工作，并显示了如果我按照路由组件中的指定直接加载组件时可以使用的地图。

但是，如果我想从其他组件中使用此组件，如下所示：

我在初始化地图的行中收到以下错误。

错误类型错误：无法读取 null 的属性“firstChild”

我错过了什么吗？我怀疑它与加载顺序有关，但我不明白为什么它在一种情况下有效，而在另一种情况下无效。

我目前正在使用 google apis API 来自动完成位置。我可以将其设置为仅返回带有 "autocomplete.setTypes(['regions'])" 的区域类型。查看文档，我可以看到区域类型将返回包含以下类型的所有结果；
* 地区
* 次地区 *
邮政编码
* 国家
* 行政区域
1 * 行政区域2

不过，我想要实现的是仅返回区域类型为“sublocality”的自动完成预测。这可能吗？如果没有，是否有人遇到过类似的问题并有他们会推荐的替代解决方案？谢谢你。

在文本搜索字段中，如果我从谷歌地图自动完成中选择一个自动完成选项，地图自动完成侦听器将被触发并调用。但是，如果我在表单文本搜索字段上按返回/输入，它也会被调用。

我在下面的 keydown 事件上有一个 jquery，我想在提交 ex 之前执行一些额外的工作。获取搜索文本的位置信息，但我想知道侦听器是否会在 on keydown 代码之前或期间被调用？

从我所做的测试看来，地图侦听器在我最后一行 on keydown 代码之后被调用，但我如何才能确定呢？

我已经用谷歌搜索了，但我没有找到任何答案。是否可以仅在给定城市的位置进入谷歌地图自动完成结果？例如，我想要巴黎和纽约市的所有地址，并排除所有其他结果。我在文档中没有找到这个，我可以按国家过滤结果，但我想按城市过滤。是否有任何回调函数可以传递给将为每个结果调用的服务，并在我的回调函数返回 false 时将其从列表中排除？