p:gmap 不会显示

Question

我正在使用 PrimeFaces GMap 显示地图。

我已经尝试了最简单的解决方案。

我从Google那里拿走了钥匙并写了这样的代码：

<h:head>
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyASp910hdK6GE2OeqQCEmmsL5bE2srrviI" type="text/javascript"></script>
        <title>Admin</title>
    </h:head>
    <h:body>
        <div>
            <p:gmap center="41.381542, 2.122893" zoom="15" type="HYBRID" style="width:100%;height:400px" />
        </div>
......

我试过使用多个键。

我试过async、defer、?sensor=false等

似乎没有任何效果；地图就是不显示。

我该如何解决这个问题？

Answer 1

出现此问题是因为您没有在 <head> 标记中包含 Google 地图脚本。 PrimeFaces showcase 应该就此警告用户...

在您的 <head> 标签中包含以下脚本：

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

重要提示：如果您使用的是本地主机，地图仍然无法使用。您必须使用 IP（例如，可以是 127.0.0.1）或在任何云中托管您的应用程序。

重要信息²：自 2016 年起 Google 地图还需要 API 键才能正常工作，您可以阅读更多相关信息 here。

p:gmap 不会显示

p:gmap won't show

jsf

primefaces

primefaces-gmap