title: Google map v3 not rendered on my jsf 2 web site
body: <p>I'm trying to embed a google map v3 on wy jsf 2 and richfaces 4 web site.
  Everything seems to work fine but my map don't render even if when I look the console I see that the map image is download but invisible in my page.
  Here is my result on my web console</p>
  
  <pre><code>[00:20:33,874] GET http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js [HTTP/1.1 200 OK 4328ms]
  [00:20:33,882] GET http://maps.google.com/maps/api/js?key={MYKEY}&amp;sensor=true [HTTP/1.1 200 OK 2062ms]
  ...
  [00:20:44,334] GET http://maps.gstatic.com/cat_js/intl/fr_ALL/mapfiles/api-3/12/2/%7Bcommon,map%7D.js [HTTP/1.1 200 OK 1437ms]
  [00:20:46,052] GET http://maps.gstatic.com/mapfiles/openhand_8_8.cur [HTTP/1.1 200 OK 437ms]
  [00:20:46,119] GET http://maps.gstatic.com/cat_js/intl/fr_ALL/mapfiles/api-3/12/2/%7Butil,onion%7D.js [HTTP/1.1 200 OK 2219ms]
  [00:20:46,143] GET http://maps.gstatic.com/mapfiles/transparent.png [HTTP/1.1 200 OK 907ms]
  [00:20:46,180] GET http://maps.googleapis.com/maps/api/js/ViewportInfoService.GetViewportInfo?1m6&amp;1m2&amp;1d-34.397&amp;2d148.83125500000006&amp;2m2&amp;1d-34.396999&amp;2d152.45674499999996&amp;2u8&amp;4sfr&amp;5e0&amp;6sm%40209000000&amp;7b0&amp;8e0&amp;9b0&amp;callback=_xdc_._bge38k&amp;token=99037 [HTTP/1.1 200 OK 1000ms]
  [00:20:46,199] GET http://mt0.googleapis.com/vt?lyrs=m@209000000&amp;src=apiv3&amp;hl=fr&amp;x=234&amp;y=153&amp;z=8&amp;s=Galileo&amp;style=api%7Csmartmaps [HTTP/1.1 200 OK 3094ms]
  [00:20:46,244] GET http://maps.gstatic.com/cat_js/intl/fr_ALL/mapfiles/api-3/12/2/%7Bcontrols,stats%7D.js [HTTP/1.1 200 OK 2656ms]
  [00:20:46,283] GET http://mt0.googleapis.com/vt?lyrs=m@209000000&amp;src=apiv3&amp;hl=fr&amp;x=234&amp;y=154&amp;z=8&amp;s=&amp;style=api%7Csmartmaps [HTTP/1.1 200 OK 3343ms]
  [00:20:46,298] GET http://mt1.googleapis.com/vt?lyrs=m@209000000&amp;src=apiv3&amp;hl=fr&amp;x=235&amp;y=153&amp;z=8&amp;s=Ga&amp;style=api%7Csmartmaps [HTTP/1.1 200 OK 4031ms]
  [00:20:46,320] GET http://mt1.googleapis.com/vt?lyrs=m@209000000&amp;src=apiv3&amp;hl=fr&amp;x=235&amp;y=154&amp;z=8&amp;s=Gal&amp;style=api%7Csmartmaps [HTTP/1.1 200 OK 4906ms]
  [00:20:48,497] GET http://mt0.googleapis.com/mapslt/ft?hl=fr&amp;lyrs=m%40209000000%7Csalt%3A190877606&amp;las=wvvuwtvu,wvvuwtvw,wvvuwtwt,wvvuwtwv&amp;z=8&amp;src=apiv3&amp;xc=1&amp;style=api%7Csmartmaps&amp;callback=_xdc_._90cyl4&amp;token=91449 [HTTP/1.1 200 OK 1187ms]
  [00:20:49,196] GET http://maps.googleapis.com/maps/api/js/AuthenticationService.Authenticate?1shttp%3A%2F%2Flocalhost%3A8080%2Fhereka%2Fhome.jsf&amp;{MYKEY}&amp;5e1&amp;callback=_xdc_._isjeo3&amp;token=31472 [HTTP/1.1 200 OK 688ms]
  [00:20:49,216] GET http://maps.gstatic.com/mapfiles/google_white.png [HTTP/1.1 200 OK 1047ms]
  [00:20:49,231] GET http://maps.gstatic.com/mapfiles/mv/imgs8.png [HTTP/1.1 200 OK 1781ms]
  [00:20:49,263] GET http://maps.gstatic.com/mapfiles/cb/mod_cb_scout/cb_scout_sprite_api_003.png [HTTP/1.1 200 OK 1531ms]
  [00:20:49,279] GET http://maps.gstatic.com/mapfiles/rotate2.png [HTTP/1.1 200 OK 1422ms]
  [00:20:49,295] GET http://maps.gstatic.com/mapfiles/szc4.png [HTTP/1.1 200 OK 1312ms]
  [00:20:49,310] GET http://maps.gstatic.com/mapfiles/arrow-down.png [HTTP/1.1 200 OK 1328ms]
  [00:20:49,326] GET http://maps.gstatic.com/cat_js/intl/fr_ALL/mapfiles/api-3/12/2/%7Bmarker%7D.js [HTTP/1.1 200 OK 1765ms]
  [00:20:49,978] GET http://maps.googleapis.com/maps/gen_204?ev=api_viewport&amp;cad=mt:m,c:-34.397%2C150.644,sp:0.00000x1.20850,src:apiv3,ts:3ecpy0 [HTTP/1.1 204 No Content 641ms]
  [00:20:52,184] GET http://csi.gstatic.com/csi?v=2&amp;s=mapsapi3&amp;action=apiboot&amp;rt=jl.1604,mc.3136,mb.4730,ep.6019,vt.10080,prt.10080,plt.8548,mt.10080&amp;size=220x0&amp;maptype=m [HTTP/1.1 204 No Content 2266ms]
  [00:20:56,231] GET http://maps.googleapis.com/maps/api/js/QuotaService.RecordEvent?1shttp%3A%2F%2Flocalhost%3A8080%2Fhereka%2Fhome.jsf&amp;3sAIzaSyAoq4IqVvGnLj0bpMOCNxiwufA_-4zZxBc&amp;4e1&amp;5e0&amp;6u1&amp;7s3ecvhs&amp;callback=_xdc_._lg61t8&amp;token=39523 [HTTP/1.1 200 OK 531ms]
  </code></pre>
  
  <p>here is my page template:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  
   &lt;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:ui="http://java.sun.com/jsf/facelets"
        xmlns:a4j="http://richfaces.org/a4j"
        xmlns:rich="http://richfaces.org/rich"&gt;
      &lt;h:head&gt;
         &lt;title&gt;&lt;ui:insert name="windowTitle"/&gt;&lt;/title&gt;
         &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"&gt;&lt;/script&gt;
         &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?key={MYKEY}&amp;amp;sensor=true"&gt;&lt;/script&gt;
  &lt;script src="./Scripts/gmaps.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(-34.397, 150.644),
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map"),
        mapOptions);
  }
  &lt;/script&gt;
  
  
      &lt;/h:head&gt;
  
      &lt;h:body  onload="initialize()"&gt;
  
        &lt;f:view locale="#{usersession.myLocale.code}"&gt;
  
                     &lt;div id="advert2"&gt;
                        &lt;ui:insert name="advert2"&gt;
                             &lt;ui:include src="/composant/pub/pub.xhtml"/&gt;
                        &lt;/ui:insert&gt;
                     &lt;/div&gt;  
      &lt;/f:view&gt;
  &lt;/h:body&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>and here the map page:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  
   &lt;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:ui="http://java.sun.com/jsf/facelets"
        xmlns:a4j="http://richfaces.org/a4j"
        xmlns:rich="http://richfaces.org/rich"&gt;
      &lt;h:head&gt;
         &lt;title&gt;&lt;ui:insert name="windowTitle"/&gt;&lt;/title&gt;
  
      &lt;/h:head&gt;
  
  &lt;body &gt;
      &lt;h:form&gt;
      &lt;div id="map"&gt;&lt;/div&gt;
  &lt;/h:form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>