reactjs - 使用 react-places-autocomplete 包获取邮政编码

Question

由于我是 React Js 的新手，我想使用谷歌地址自动完成服务。所以我来找到 npm 包“react-places-autocomplete”包，它非常好实现。但是我发现它返回地址但没有postal_code。因为我需要 post_code，有没有人做过定制来使用这个包来获取 postal_code ？

id: "0a69230df738495807b4d2a21e399895416cf7ae", description: "8 Burnley Street, Richmond VIC, 
Australia", placeId: "ChIJ-RqIcFND1moR6pgdVLp_7Ss", active: false, index: 4, …}
id: "0a69230df738495807b4d2a21e399895416cf7ae"
description: "8 Burnley Street, Richmond VIC, Australia"
placeId: "ChIJ-RqIcFND1moR6pgdVLp_7Ss"
active: false
index: 4
formattedSuggestion: {mainText: "8 Burnley Street", secondaryText: "Richmond VIC, Australia"}
matchedSubstrings: (2) [{…}, {…}]
terms: (5) [{…}, {…}, {…}, {…}, {…}]
types: (2) ["street_address", "geocode"]
__proto__: Object

响应中缺少邮政编码。我希望至少得到一些提示如何去做。

Answer 1

react-places-autocomplete 可能只会使用 Places Autocomplete Service，在这种情况下，我不相信它会返回邮政编码。
所以简单的答案是否定的，你不能直接从 react-places-autocomplete 或谷歌地点自动完成服务获取邮政编码 .

长答案是，您可以使用其他谷歌和免费服务来获取邮政编码。
在您的预测中，您将拥有一个名为 place_id 的属性。 ，然后您可以将其与 googles getDetails 一起使用，例如，获取 PlaceResult，然后您可以在其中获取地址详细信息。
如果此时您仍然无法从谷歌获得您需要的信息，您可以使用像 https://postcodes.io/ 这样的免费服务。从 lat 和 lng 坐标中获取邮政编码。
我有一篇关于 using react with google places autocomplete service here 的博文你可能会觉得有用。
并在此处发布关于 how you can use postcodes with the JavaScript Google Places Api 的帖子
资料来源:

https://developers.google.com/maps/documentation/javascript/reference/places-autocomplete-service

https://postcodes.io/

https://developers.google.com/maps/documentation/javascript/reference/places-service#PlacesService.getDetails

https://developers.google.com/maps/documentation/javascript/reference/places-service#PlaceResult