1

我正在使用 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等。

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

我怎么解决这个问题？

4

1 回答 1

2

问题正在发生，因为您没有在<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）或在任何云中托管您的应用程序。

重要事项²：由于 2016 年 Google 地图还需要 API 密钥才能正常工作，您可以在此处阅读更多相关信息。

于 2017-08-21T11:50:44.073 回答