1 2 Previous Next 19 Replies Latest reply on May 14, 2010 8:34 PM by saket Gupta

    rich gmap

    anis jaballah Newbie

      Hi,

      <rich:gmap mapType="G_NORMAL_MAP" gmapVar="map"
      
       gmapKey="Your GMap API Key"
      
       lat="53.696705" lng="-4.482422" zoom="5" oninit="init(map)"
      
       id="map" />


      i couldnt succeed to get the google map.
      my page is XHTML is there a problem ?

      Thanks in advance

        • 1. Re: rich gmap
          Ilya Shaikovsky Master

          Please check richfaces-demo. there are also xhml facelets pages.

          • 2. Re: rich gmap
            anis jaballah Newbie

            thank you,
            it is working fine with firefox but the problem is with google chrome
            any idea ?

            • 3. Re: rich gmap
              Ilya Shaikovsky Master

              livedemo page works fine for me in chrome.

              • 4. Re: rich gmap
                anis jaballah Newbie

                 

                <rich:panel header="Google Demo">
                <rich:gmap id="gmppe" style="width:500px"
                 lat="36.836578" lng="10.231651"
                 zoom="17" />
                </rich:panel>

                this code is working fine with firefox but not with chrome and iexplorer

                • 5. Re: rich gmap
                  Ilya Shaikovsky Master

                  which RF version?

                  • 7. Re: rich gmap
                    Ilya Shaikovsky Master

                    Check latest one. There could be an issue in old release.. And we do not port any fixes to older branches.

                    • 8. Re: rich gmap
                      anis jaballah Newbie

                      I get the same problem with the 3.3.2 RF version

                      • 9. Re: rich gmap
                        Ilya Shaikovsky Master

                        and what about your chrome version?

                        • 11. Re: rich gmap
                          Ilya Shaikovsky Master

                          the same for me and works :(
                          upload war somewhere.

                          • 12. Re: rich gmap
                            anis jaballah Newbie

                            this are my two pages : the page + the template:

                            template.xhtml :

                            <!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:ui="http://java.sun.com/jsf/facelets"
                             xmlns:h="http://java.sun.com/jsf/html"
                             xmlns:f="http://java.sun.com/jsf/core"
                             xmlns:rich="http://richfaces.org/rich"
                             xmlns:s="http://jboss.com/products/seam/taglib">
                            <head>
                             <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
                             <title>virement_electronique</title>
                             <link href="stylesheet/theme.css" rel="stylesheet" type="text/css" />
                             <style type="text/css">
                            
                            .myyClass{
                            
                             font-style:italic;
                             background-image: none;
                             background-color: #EEEEEE;
                            }
                            
                            .cssbgbanner {
                            
                             background-image:url('img/bann_douane.jpg');
                            
                            
                            }
                            .verticalTop {
                             vertical-align: top;
                            }
                            
                            
                            </style>
                            </head>
                            <body style="margin:auto;
                             background-image: url(img/bga.png);
                            
                             background-repeat: repeat-y;
                             ">
                            <ui:include src="entete.xhtml"/>
                            
                            
                            <rich:toolBar height="71" itemSeparator="grid" styleClass="cssbgbanner">
                            <rich:toolBarGroup location="left">
                            <ui:include src="../consultation/bdsearch.xhtml"/>
                             </rich:toolBarGroup>
                             </rich:toolBar>
                            
                            
                            
                             <!-- ui:include src="menu.xhtml">
                             <ui:param name="projectName" value="Paiement electronique"/>
                             </ui:include -->
                            
                             <table>
                             <tr>
                            
                             <td valign="top">
                            <div>
                             <ui:include src="fisrtacceuil.xhtml">
                             </ui:include>
                             </div>
                             </td>
                            
                             <td valign="top">
                            
                             <div>
                             <ui:insert name="body"/>
                             </div>
                            
                            
                             </td>
                             </tr>
                             </table>
                            
                             <div class="footer">
                             Powered by <a href="http://jboss.com/products/seam">TRADENET</a>.
                            
                             </div>
                            <rich:effect name="showSearcht" for="aad2" type="Appear" params="duration: 0.5"></rich:effect>
                             <rich:effect name="hideSearcht" for="aad2" type="Fade" params="duration: 0.5"></rich:effect>
                            
                             <rich:effect name="showtestdiv" for="testt" type="Appear" params="duration: 0.5"></rich:effect>
                            
                            <rich:effect name="closetestdiv" for="testt" type="Fade" params="duration: 0.5"></rich:effect>
                            
                            
                            
                            
                            
                            
                            </body>
                            </html>
                            


                            and contactus.xhtml

                            <!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                             "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                             <ui:composition xmlns="http://www.w3.org/1999/xhtml"
                             xmlns:s="http://jboss.com/products/seam/taglib"
                             xmlns:ui="http://java.sun.com/jsf/facelets"
                             xmlns:f="http://java.sun.com/jsf/core"
                             xmlns:h="http://java.sun.com/jsf/html"
                             xmlns:rich="http://richfaces.org/rich"
                             xmlns:a4j="http://richfaces.org/a4j"
                             template="layout/template.xhtml">
                            
                            <ui:define name="body">
                            <h:outputText value="contact us" />
                            
                            <rich:panel header="Google Demo">
                            <rich:gmap id="gmppe" style="width:500px"
                             lat="36.836578" lng="10.231651"
                             zoom="17" />
                            </rich:panel>
                            
                            
                            
                            
                             </ui:define>
                             </ui:composition>





                            • 13. Re: rich gmap
                              saket Gupta Newbie

                              Hi,

                               

                              I am using the rich gmap in model panel overlay, it does not render complete map. it is just showing half of the map and other part is hidden by gray color but when i inspect my overlay then immediatly it display the complete map? please can you suggest the fix.

                              Thanks in advance

                              • 14. Re: rich gmap
                                Derk Dukker Novice

                                I'm also experimenting with the gmap and it is working fine for me. Could you try to put this in your .xhtml not using the model panel? Maybe some css stuff is causing the issue?

                                1 2 Previous Next