Erro ao utilizar o componente p:gmap

Programação
, ,
#1

Galera estou tentando utilizar a API do GMaps mas do primefaces, já segui o User Guide mas não funcionou.
A documentação pede que seja colocada o seguinte script na head da página:
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer />
Já coloquei a minha key mas o browser exibe o seguinte erro:
Error Parsing /layout/portal.xhtml: Error Traced[line: 36] A referência à entidade “callback” deve terminar com o delimitador ‘;’.

Com este stacktrace:
javax.faces.view.facelets.FaceletException: Error Parsing /layout/portal.xhtml: Error Traced[line: 36] A referência à entidade “callback” deve terminar com o delimitador ‘;’.
at com.sun.faces.facelets.compiler.SAXCompiler.doCompile(SAXCompiler.java:456)
at com.sun.faces.facelets.compiler.SAXCompiler.doCompile(SAXCompiler.java:430)
at com.sun.faces.facelets.compiler.Compiler.compile(Compiler.java:124)
at com.sun.faces.facelets.impl.DefaultFaceletFactory.createFacelet(DefaultFaceletFactory.java:481)
at com.sun.faces.facelets.impl.DefaultFaceletFactory.access$100(DefaultFaceletFactory.java:106)
at com.sun.faces.facelets.impl.DefaultFaceletFactory$1.newInstance(DefaultFaceletFactory.java:199)
at com.sun.faces.facelets.impl.DefaultFaceletFactory$1.newInstance(DefaultFaceletFactory.java:197)
at com.sun.faces.facelets.impl.DefaultFaceletCache$1.newInstance(DefaultFaceletCache.java:86)
at com.sun.faces.facelets.impl.DefaultFaceletCache$1.newInstance(DefaultFaceletCache.java:81)
at com.sun.faces.util.ExpiringConcurrentCache$1.call(ExpiringConcurrentCache.java:99)
at java.util.concurrent.FutureTask.run(FutureTask.java:266)
at com.sun.faces.util.ExpiringConcurrentCache.get(ExpiringConcurrentCache.java:114)
at com.sun.faces.facelets.impl.DefaultFaceletCache.getFacelet(DefaultFaceletCache.java:124)
at com.sun.faces.facelets.impl.DefaultFaceletCache.getFacelet(DefaultFaceletCache.java:63)
at com.sun.faces.facelets.impl.DefaultFaceletFactory.getFacelet(DefaultFaceletFactory.java:295)
at com.sun.faces.facelets.impl.DefaultFacelet.include(DefaultFacelet.java:370)
at com.sun.faces.facelets.impl.DefaultFacelet.include(DefaultFacelet.java:350)
at com.sun.faces.facelets.impl.DefaultFaceletContext.includeFacelet(DefaultFaceletContext.java:199)
at com.sun.faces.facelets.tag.ui.CompositionHandler.apply(CompositionHandler.java:174)
at com.sun.faces.facelets.compiler.NamespaceHandler.apply(NamespaceHandler.java:93)
at com.sun.faces.facelets.compiler.EncodingHandler.apply(EncodingHandler.java:87)
at com.sun.faces.facelets.impl.DefaultFacelet.apply(DefaultFacelet.java:161)
at com.sun.faces.application.view.FaceletViewHandlingStrategy.buildView(FaceletViewHandlingStrategy.java:990)
at com.sun.faces.lifecycle.RenderResponsePhase.execute(RenderResponsePhase.java:99)
at com.sun.faces.lifecycle.Phase.doPhase(Phase.java:101)
at com.sun.faces.lifecycle.LifecycleImpl.render(LifecycleImpl.java:219)
at javax.faces.webapp.FacesServlet.service(FacesServlet.java:647)
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:231)
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166)
at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52)
at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:193)
at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:166)
at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:199)
at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:96)
at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:140)
at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:81)
at org.apache.catalina.valves.AbstractAccessLogValve.invoke(AbstractAccessLogValve.java:650)
at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:87)
at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:342)
at org.apache.coyote.http11.Http11Processor.service(Http11Processor.java:803)
at org.apache.coyote.AbstractProcessorLight.process(AbstractProcessorLight.java:66)
at org.apache.coyote.AbstractProtocol$ConnectionHandler.process(AbstractProtocol.java:790)
at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.doRun(NioEndpoint.java:1459)
at org.apache.tomcat.util.net.SocketProcessorBase.run(SocketProcessorBase.java:49)
at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1149)
at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:624)
at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61)
at java.lang.Thread.run(Thread.java:748)

Estou utilizando a versão 6.2 do primefaces.

#2

E, por alguma razão, você tentou seguir o que a mensagem de erro sugere e inserir ; no final da referência ao callback?

#3

Exatamente, @darlan_machado, fiz o que a mensagem sugere, mas mesmo assim o erro continua aparecendo!

#4

Posta o código (esconde só a tua key)

#5

Página portal.xhtml:
<?xml version='1.0' encoding='UTF-8' ?>

<f:view contentType="text/html">
    <h:head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="Portal da IBRV - Igreja Batista Rio de Vida" />
        <meta name="keywords" content="IBRV, igreja, batista, rio, vida, igreja batista rio de vida, Jesus Cristo, Jesus, Cristo, fé, missão, missões, amor, Deus, Espírito Santo, salvação, cura, libertação" />
        <meta name="robots" content="noindex, nofollow" />

        <title>IBRV - Igreja Batista Rio de Vida</title>
        
        <!-- Layout padrão -->
        <h:outputStylesheet library="css" name="portal.css" />

        <!-- FavIcon -->
        <link rel="icon" type="image/x-icon" href="favicon.ico" />

        <!-- Google Web Fonts - 'Mukta Malar' -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Mukta Malar" />
        
        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous" />
        
        <!-- Google Maps API -->
        <script src="https://maps.googleapis.com/maps/api/js?key=MINHA_KEY&callback=initMap;" async="true" defer="false" />
    </h:head>

    <h:body>
        <main>
            <header id="topo">

                <span id="mnuLogo">
                    <a id="imgLogo" href="/portal">
                        <p:graphicImage library="images/logotipos" name="logo_ibrv.jpg" alt="Logotipo da IBRV" />
                    </a>
                </span>
                <div id="redesSociais">
                    <a href="https://www.youtube.com/channel/UCGA3dmNiq5dZQkZDgr9Yz1A" title="Inscreva-se no Youtube" target="_blank">
                        <p:graphicImage library="images/logotipos" name="logo_youtube.png" alt="Youtube" />
                    </a>
                    <a href="https://pt-br.facebook.com/ibriodevida/" title="Encontre-nos no Facebook" target="_blank">
                        <p:graphicImage library="images/logotipos" name="logo_facebook.png" alt="Facebook" />
                    </a>
                    <a href="https://www.instagram.com/ibriodevida/" title="Siga-nos no Instagram" target="_blank">
                        <p:graphicImage library="images/logotipos" name="logo_instagram.png" alt="Instagram" />
                    </a>
                    <a href="https://twitter.com/ibriodevida/" title="Siga-nos no Twitter" target="_blank">
                        <p:graphicImage library="images/logotipos" name="logo_twitter.png" alt="Twitter" />
                    </a>
                </div>

            </header>

            <h:form id="frmPrincipal" lang="pt-BR" acceptcharset="utf-8">
                <ui:insert name="menu">
                </ui:insert>

                <ui:insert name="body">
                </ui:insert>
            </h:form>

            <footer>
                <hr />
                <p>Igreja Batista Rio de Vida - IBRV</p>
                <p><small>Copyright 2018 - Igreja Batista Rio de Vida. Todos os direitos reservados.</small></p>
            </footer>

        </main>
        
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" />
        
        <!-- Bootstrap JS -->
        <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous" />
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous" />
        
    </h:body>
</f:view>
#6

Galera, desisti de usar este componente, resolvi utilizar a incorporação do Google Maps para o site, o manual de como fazer pode ser encontrado neste link:
https://support.google.com/maps/answer/144361?co=GENIE.Platform%3DDesktop&hl=pt-BR.
Mas vou deixar este tópico como não resolvido, caso alguém que consiga utilizar o componente poder postar aqui a solução.

Agradeço a ajuda de todos.

#7

Há algum tempo atrás eu tentei utilizar o mesmo componente e, devido a complexidade, desisti.

#8

Boa noite…
Vc já tentou colocar " ; " depois do callback
exemplo: callback;

#9

Tentei sim, e não funcionou! O erro permanece!

#10

O & (e comercial) muitas vezes é considerado uma palavra reservada, sendo assim, tente colocar da seguinte forma:
“https://maps.googleapis.com/maps/api/geocode/json?address=10011-001&amp;key=SUA_CHAVE”

No meu caso estava dando erro no key, pois toda vez era colocado como segundo parametro, e o mesmo só tinha o &.
Ao adicionar ‘&amp;’, funcionou!

#11

Eu tirei a parte do callback toda e aparentemente está funcionando bem.