Question

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

我尝试过最简单的解决方案。

我从谷歌那里拿了钥匙并编写了这样的代码：

<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 Map脚本。 PrimeFaces展示应警告用户...

在<head>标记中包含以下脚本：

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

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

重要事项2：自2016年起，Google地图还需要API密钥才能正常运行，您可以详细了解here。

p：gmap不会显示

1 个答案: