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?

                  • 6. Re: rich gmap
                    anis jaballah Newbie

                    3.2.1

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

                          • 10. Re: rich gmap
                            anis jaballah Newbie

                            3.0.195.33

                            • 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