JSF .xhtml页面中的Google地址自动填充功能 - 任何示例？

Question

我试图在我的JSF应用程序的页面上使用谷歌自动完成添加一个文本字段用于地址输入,但没有太多运气.

我在StackOverflow中查看了以下示例: 谷歌地图Places API V3自动完成 - 选择输入时的第一个选项 和谷歌地理编码器添加自动完成功能 以及在地方自动填充示例中的示例,以了解我需要做什么.

但是,所有这些示例都表明我需要通过插入以下内容来包含Google地方库:

<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>

但是当我尝试将其与我的其他引用添加时,我收到以下错误:

错误跟踪[第18行]对实体"库"的引用必须以";"结尾 分隔符.

所以我从一开始就死了.我有另一个googleapi参考,没有错误:

<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

所以我不知道为什么我会收到这个错误.

关于这些示例中的实现,我还有其他几个问题,但是现在,我无法过去添加对google places库的引用.

首先,有没有人知道如何添加谷歌api参考,而不会得到上面提到的错误？

其次,有没有人知道我在哪里可以找到一个实际上使用或者最好是PrimeFaces组件将地址自动完成功能添加到JSF应用程序的示例？

谢谢.

Answer 1

您的代码应如下所示:

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&amp;sensor=true&amp;key=#{googleAPIKey}"></script>

请注意关键参数 - 它是可选的,但建议您从Google API控制台获取API密钥.

有关Google Places Autocomplete JSF组件,请参阅https://github.com/rootkit007/google-places-facelet