6 Replies Latest reply on Oct 29, 2010 3:37 AM by jojh

    Google Maps issue with Chrome and Safari using XHTML

    mgvarley

      Hi - I have just ported my application from JSF to use Seam with XHTML Facelets and for some reason my Google Maps are no longer displaying on Safari (v3.1.2) and Chrome (0.3) (they work fine on IE7 and Firefox 3.03).  My code is using the rich:gmap tag but to try and debug the problem I took the most basic example from the Google Maps site and still this does not show in Chrome or Safari.  My code is below and I am running this on JBoss AS 4.2, with Seam 2.0.1.  Any suggestions as to what is going wrong would be most appreciated - I've spent the whole morning searching online and can't find a solution.  I've also posted to the Google Maps users' forum.


      Thanks,


      Mark



      <!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">

      <head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      <title>Google Maps JavaScript API Example</title>
      <script
             src="http://maps.google.com/maps?
      file=api&v=2&key=ABQIAAAAsUpfGHYMgyC5TqAd4K65yxTc-
      amD0ILsCzwZg4jeCIq7l5zm9RRUzr4BfUe2DFlBbgQGad6Bi6GfUw"
             type="text/javascript"></script>
      <script type="text/javascript">
         function initialize() {
           if (GBrowserIsCompatible()) {
             var map = new GMap2(document.getElementById("map_canvas"));
             map.setCenter(new GLatLng(37.4419, -122.1419), 13);
           }
         }
         </script>
      </head>

      <body onload="initialize()" onunload="GUnload()">
      <div id="map_canvas" style="width: 500px; height: 300px"></div>
      </body>

      </html>