Jquery 自动完成谷歌地图API-直接JSON调用

Jquery 自动完成谷歌地图API-直接JSON调用,jquery,autocomplete,google-places-api,Jquery,Autocomplete,Google Places Api,我正在尝试开发一个使用GooglePlacesAPI的jQuery移动应用程序。基本上,我正在做的是向jQuery移动页面添加一个输入,然后将其连接到Google Places以自动完成一个地址,并可能获取该地址的坐标 我在这方面取得了初步成功,它利用了谷歌自己的“位置库”中的自动完成功能。然而,从用户界面的角度来看,在移动设备上,这种实现是行不通的——你需要点击一个相对较小的结果,而点击手机上的返回按钮并不会选择第一个结果 输入: 非常适合我的需要,只是我现在正在尝试使用自动完成API,通过G

我正在尝试开发一个使用GooglePlacesAPI的jQuery移动应用程序。基本上,我正在做的是向jQuery移动页面添加一个输入,然后将其连接到Google Places以自动完成一个地址,并可能获取该地址的坐标

我在这方面取得了初步成功,它利用了谷歌自己的“位置库”中的自动完成功能。然而,从用户界面的角度来看,在移动设备上,这种实现是行不通的——你需要点击一个相对较小的结果,而点击手机上的返回按钮并不会选择第一个结果

输入:

非常适合我的需要,只是我现在正在尝试使用自动完成API,通过GooglePlacesAPI返回数据。请参阅我正在使用的示例API调用:


但是,这不会返回任何地理信息,只返回地址。我是否需要使用其他方法或调用?对于本机,我可以访问大量数据,它不需要API密钥,也不需要在一定范围内工作。不确定对结果集进行重新地理编码是否是最好的方法。

您不能在javascript中执行跨域json请求,因此到达/json端点将不起作用

你应该做的是回到你最初的想法,然后将自动完成的建议设计成更便于移动的方式

.pac-container is the class for the suggest area
.pac-item is the class for each item in the suggest area

您不能在javascript中执行跨域json请求,因此命中/json端点将不起作用

你应该做的是回到你最初的想法,然后将自动完成的建议设计成更便于移动的方式

.pac-container is the class for the suggest area
.pac-item is the class for each item in the suggest area

我发现在我执行了上述操作之后,还需要另一个调用,“reference”字段会在初始JSON响应中返回。我可以缓存结果,因为它只是我需要的地理位置。尽管您的建议肯定会被视为另一个潜在的解决方案,但我更喜欢这种对UI行为的额外控制,即使这是以额外的API请求为代价的

不管怎样,我已经给了你一个体面的建议


我发现在我执行了上述操作之后,需要另一个调用,“reference”字段会在初始JSON响应中返回。我可以缓存结果,因为它只是我需要的地理位置。尽管您的建议肯定会被视为另一个潜在的解决方案,但我更喜欢这种对UI行为的额外控制,即使这是以额外的API请求为代价的

不管怎样,我已经给了你一个体面的建议