PrimeFaces GMap nicht Rendering

stimmen
10

Mit PrimeFaces 2.2.RC2 in einem JSF-2.0-Projekt.

Ich versuche, eine grundlegende Google Map zu bekommen mit dem gmap Komponente zu machen. Keine Fehler zeigen sich nur leere Seite, wo die Karte sein sollte.

Meine .xhtml Datei

<?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>

In diesem Projekt und dem machen , bekommen andere PrimeFaces Komponenten keine Probleme hatte Beispiel auf die PrimeFaces Website in meinem Browser rendert einfach gut.

Irgendwelche Ideen ?

Aktualisieren:

Ich habe die Ansicht Tag <f:view contentType=text/html>, bekomme ich jetzt ein graues Feld , wo die Karte sein sollte , und wenn ich über die Box schweben die curser dreht sich um weiße Hand zu greifen und die Karte zu bewegen, aber immer noch keine Karte zeigt.

Alt-Text

Veröffentlicht am 21/01/2011 um 02:58
quelle vom benutzer
In anderen Sprachen...                            


5 antworten

stimmen
26

Sie müssen dieses Skript Sie Seite hinzufügen:

<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript" ></script>
Beantwortet am 08/01/2012 um 02:36
quelle vom benutzer

stimmen
5

<f:view contentType="text/html"> wird benötigt, um es in Safari / Chrome zu arbeiten

Mein anderes Problem wurde HYBRID wurde falsch geschrieben, die folgenden Werke:

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

Spelling war nie meine starke Seite.

Beantwortet am 21/01/2011 um 21:49
quelle vom benutzer

stimmen
2

Dies funktioniert für mich

<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>
Beantwortet am 28/05/2013 um 09:02
quelle vom benutzer

stimmen
0

In der letzten Zeit sind Sie sollen einen Schlüssel bieten https://stackoverflow.com/a/38248059/651288

andernfalls erhalten Sie einen API-Fehler Google Maps: MissingKeyMapError

Sie können einen Schlüssel hier https://developers.google.com/maps/documentation/javascript/get-api-key

Beantwortet am 25/11/2017 um 20:52
quelle vom benutzer

stimmen
0

Versuche dies:

<h:form>
 <p:gmap center="41.381542, 2.122893" zoom="15" type="HYBRID"    
 style="width:600px;height:400px" streetView="true"/>
</h:form>
Beantwortet am 26/08/2011 um 14:40
quelle vom benutzer

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more