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

    rich gmap

    anisj1m

      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

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

          • 2. Re: rich gmap
            anisj1m

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

            • 3. Re: rich gmap
              ilya_shaikovsky

              livedemo page works fine for me in chrome.

              • 4. Re: rich gmap
                anisj1m

                 

                <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

                  which RF version?

                  • 6. Re: rich gmap
                    anisj1m

                    3.2.1

                    • 7. Re: rich gmap
                      ilya_shaikovsky

                      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
                        anisj1m

                        I get the same problem with the 3.3.2 RF version

                        • 9. Re: rich gmap
                          ilya_shaikovsky

                          and what about your chrome version?

                          • 10. Re: rich gmap
                            anisj1m

                            3.0.195.33

                            • 11. Re: rich gmap
                              ilya_shaikovsky

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

                              • 12. Re: rich gmap
                                anisj1m

                                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
                                  saket80

                                  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
                                    derkd

                                    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