PrimeFaces Gmap не рендеринг - PullRequest
Новая
       19

PrimeFaces Gmap не рендеринг

10 голосов
/ 21 января 2011

Использование PrimeFaces 2.2.RC2 в проекте JSF 2.0.

Я пытаюсь получить базовую карту Google для рендеринга с помощью компонента 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 прекрасно отображается в моем браузере.

Есть идеи?

Обновление:

Я изменил тег представления на <f:view contentType="text/html">, теперь я получаю серое поле, где должна быть карта, и когда я наводю курсор мыши на поле курсораповорачивается к белой руке, чтобы взять и переместить карту, но карта все равно не отображается.

alt text

Ответы [ 5 ]

28 голосов
/ 08 января 2012

Вам необходимо добавить скрипт на свою страницу: 

<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript" ></script>
5 голосов
/ 21 января 2011

<f:view contentType="text/html"> необходимо для работы в Safari / Chrome

Моя другая проблема заключалась в том, что HYBRID был написан неправильно, следующие работы: 

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

Правописание никогда не было моей сильной стороной.

2 голосов
/ 28 мая 2013

Это работает для меня 

<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>
0 голосов
/ 25 ноября 2017

В последнее время вы должны предоставить КЛЮЧ https://stackoverflow.com/a/38248059/651288

, в противном случае вы получите ошибку API Карт Google: MissingKeyMapError

Вы можете получить ключ здесь https://developers.google.com/maps/documentation/javascript/get-api-key

0 голосов
/ 26 августа 2011

Попробуйте это: 

<h:form>
 <p:gmap center="41.381542, 2.122893" zoom="15" type="HYBRID"    
 style="width:600px;height:400px" streetView="true"/>
</h:form>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...