PrimeFaces gmap not rendering

在JSF 2.0项目中使用PrimeFaces 2.2.RC2。PrimeFaces gmap not rendering

我想要获得一个基本的Google Map来使用gmap组件进行渲染。没有错误只显示地图应该在的空白页面。

我.xhtml文件

<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" 
     xmlns:h="http://java.sun.com/jsf/html" 
     xmlns:f="http://java.sun.com/jsf/core" 
     xmlns:p="http://primefaces.prime.com.tr/ui"> 

    <h:head> 
     <script src="http://maps.google.com/maps/api/js?sensor=false" 
       type="text/javascript"></script> 
    </h:head> 
    <h:body> 
     <f:view contentType="text/html"> 
      <h1>Google Map</h1> 
      <p:gmap center="41.381542, 2.122893" zoom="15" type="HYBIRD" 
        style="width:600px;height:400px" /> 
     </f:view> 
    </h:body> 
</html>

没有让其他PrimeFaces组件在这个项目呈现任何问题上PrimeFaces网站呈现在我的浏览器就好了example。

任何想法？

更新：

我改变了看法标签<f:view contentType="text/html">，现在我得到一个灰色的框，地图应该是，当我将鼠标悬停在框中光标变成白色手抓住并移动地图周围，但仍然没有地图显示。

alt text

来源

2011-01-21 Mark

<f:view contentType="text/html">需要为它在Safari /铬工作

我的另一个问题是HYBRID被拼写错了，下面的工作：

<h1>Google Map 1</h1> 
<p:gmap center="41.381542, 2.122893" zoom="15" type="HYBRID" 
    style="width:600px;height:400px" />

拼写从来不是我的强项。

来源

2011-01-21 20:49:29 Mark

试试这个：

<h:form> 
<p:gmap center="41.381542, 2.122893" zoom="15" type="HYBRID"  
style="width:600px;height:400px" streetView="true"/> 
</h:form>

来源

2011-08-26 13:40:15 Yay4Maps

您需要将这个脚本添加到您网页：

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

来源

2012-01-08 01:36:27

你救了我的一天！ – Sarz 2014-12-12 12:09:30

就像一个笔记。传感器参数不再需要。请参阅：http://stackoverflow.com/questions/8616764/what-is-the-sensor-parameter-in-google-places-api-good-for – Koekiebox 2016-01-15 19:42:44

这对我的作品

<h:head> 
    <script src="http://maps.google.com/maps/api/js?sensor=false" 
      type="text/javascript"></script> 
</h:head> 
<h:body> 
    <f:view contentType="text/html"> 
     <h1>Google Map</h1> 
     <p:gmap center="41.381542, 2.122893" zoom="15" type="HYBRID" style="width:600px;height:400px" /> 
    </f:view> 
</h:body>

来源

2013-05-28 08:02:13 hemantgp

在最近的时代，你应该提供钥匙https://stackoverflow.com/a/38248059/651288

否则你得到一个谷歌地图API的错误：MissingKeyMapError

你可以在这里的一个关键https://developers.google.com/maps/documentation/javascript/get-api-key

来源

2017-11-25 20:52:32 PierluigiVernetto

PrimeFaces gmap not rendering

回答

相关问题