PrimeFaces gmap ne rend pas

À L'Aide De PrimeFaces 2.2.RC2 en JSF 2.0 projet.

Je suis en train d'essayer d'obtenir une base de Google Map rendre avec les membres du composant. Aucune erreur ne se présentent page blanche où de la carte devrait être.

Mon .fichier 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>

Pas eu de problèmes à obtenir d'autres composants PrimeFaces pour le rendu dans ce projet et le exemple sur le PrimeFaces site s'affiche dans mon navigateur l'amende juste.

Des idées ?

Mise à jour:

J'ai changé le point de vue de la balise à <f:view contentType="text/html">maintenant, je reçois une zone grise où la carte doit être et quand j'ai passez la souris sur la boîte le curseur de la souris devient blanc main pour saisir et déplacer la carte, mais toujours pas de carte.

PrimeFaces gmap ne rend pas

source d'informationauteur Mark

  1. 26

    Vous devez ajouter ce script à la page:

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

    <f:view contentType="text/html"> est nécessaire pour qu'il fonctionne dans Safari/Chrome

    Mon autre problème était HYBRIDE a été mal orthographiés, les ouvrages suivants: 

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

    L'orthographe n'a jamais été mon fort.

  3. 2

    Cela fonctionne pour moi

    <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>
  4. 0

    Essayez ceci:

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

    Ces derniers temps, vous êtes censé fournir une CLÉ https://stackoverflow.com/a/38248059/651288

    sinon vous obtiendrez une carte Google Maps API erreur: MissingKeyMapError

    Vous pouvez obtenir une clé d'ici https://developers.google.com/maps/documentation/javascript/get-api-key