自动填充地址+ Google Maps API

我想向用户提供一个文本框,其中可以输入他们的地址。 当他们键入地址时,我想向用户提供他们尝试键入的地址的建议/预测。 我也担心这个地址的相关性(例如,地址不是世界各地的地址)。

这可能吗? 我正在使用jQuery。

您可以使用Google Places API获取地址自动填充function。 选择地址时,address_components字段包含结构化地址数据(例如街道,城市,国家),可以轻松转换为单独的字段。

这是一个简短的工作演示:

           

看一下地址建议和演示 。 它是使用jQuery和Google Maps地理编码API实现的。

https://github.com/ubilabs/geocomplete应该适合你。 如有必要,您还可以显示地图。

如果您在不显示地图的情况下使用插件,则必须在文本字段下方显示“由Google提供支持”徽标。

@Maksym Kozlenko的运行版本回答对于那些想要看到这个实际行动的人。

            

您必须使用API​​密钥。

请参阅此处的参考