google earth in zk

Sessions.getCurrent().setAttribute("link", "home(\"<your link to kml file>\")");
Executions.getCurrent().sendRedirect("/test.zul", "");

<zk xmlns="http://www.zkoss.org/2005/zul" 
xmlns:n="http://www.zkoss.org/2005/zk/native">    
    <window width="100%" height="100%" style="padding:0px;marging:0px;" onCreate='Clients.evalJavaScript(Sessions.getCurrent().getAttribute("link").toString())' >
     <n:head>
   <script src="http://www.google.com/jsapi?key=<your google earth key>"> </script>
   <script id="scriptTest" type="text/javascript">
      var ge;
      var href;
      google.load("earth", "1");
      
      function home(str){
        href = str;
      }
     
      function init() {
          if(navigator.appName == "Microsoft Internet Explorer"){
            setTimeout(function() { google.earth.createInstance('map3d', initCB, failureCB); }, 1000);
          }else{
            google.earth.createInstance('map3d', initCB, failureCB);
          }
      }

      function initCB(instance) {
         ge = instance;
         ge.getWindow().setVisibility(true);         
        test();
      }

      function failureCB(errorCode) {
      }

      google.setOnLoadCallback(init);
      
      function test(){
      google.earth.fetchKml(ge, href, function(kmlObject) {
      if (kmlObject)
         ge.getFeatures().appendChild(kmlObject);
      });
      
      //LAYER_BORDERS - mostra os limites dos países e das áreas, e coloca marcadores para cidades, estados, países, oceanos etc.
      //LAYER_BUILDINGS - construções em 3D
      //LAYER_BUILDINGS_LOW_RESOLUTION - construções cinzas (não fotorrealista). Observe que essa opção não contém cópias de construções fotorrealistas. Em vez disso, ela inclui construções que não existem ainda na camada de construções fotorrealistas. À medida que as versões fotorrealistas de construções cinzas são criadas, as construções serão adicionadas a LAYER_BUILDINGS e removidas de LAYER_BUILDINGS_LOW_RESOLUTION.
      //LAYER_ROADS - exibe rodovias e nomes de rodovias
      //LAYER_TERRAIN - terreno 3D
      
      ge.getLayerRoot().enableLayerById(ge.LAYER_BUILDINGS, true);
      ge.getLayerRoot().enableLayerById(ge.LAYER_BORDERS , true);
      ge.getLayerRoot().enableLayerById(ge.LAYER_TERRAIN, true);
      
      //sun
      //ge.getSun().setVisibility(true);
      
      //controls      
      //ge.VISIBILITY_SHOW
      //ge.VISIBILITY_HIDE
      //ge.VISIBILITY_AUTO
      
      ge.getNavigationControl().setVisibility(ge.VISIBILITY_SHOW);
      
      // Set the FlyTo speed
      ge.getOptions().setFlyToSpeed(0.2);  
      
        // Create a new LookAt
        var lookAt = ge.createLookAt('');

        // Set the position values
        lookAt.setLatitude(-20.29651);
        lookAt.setLongitude(-40.303412);
        lookAt.setRange(100.0); //default is 0.0
        
        // Add 15 degrees to the current tilt
        lookAt.setTilt(75.0);
        //alert(lookAt.getTilt());

        // Update the view in Google Earth
        ge.getView().setAbstractView(lookAt);
        
      }
   </script>

</n:head>
<n:body style="margin: 0px; overflow: hidden;">
   <n:div id="map3d" style="border: 1px solid #cccccc; width: 100%; height:99%;"></n:div>
</n:body>
    </window>
</zk>

<?xml version='1.0' encoding='UTF-8'?>
<kml xmlns='http://earth.google.com/kml/2.1'>
<Document>
<name>Country Name Pie Charts</name>

<Style id='defaultStyle'>
  <LineStyle>
    <color>ffffffff</color>
    <width>1</width>
  </LineStyle>
  <PolyStyle>
    <color>a0a0a0a0</color>
    <colorMode>random</colorMode>
    <fill>1</fill>
    <outline>1</outline>
  </PolyStyle>
  <LabelStyle>
    <scale>1.0</scale>
  </LabelStyle>
  <IconStyle>
    <scale>1.0</scale>
  </IconStyle>
</Style>


<Folder>
  <name>Consonants</name>

<Placemark>
  <name>Brazil</name>
  <description>Brazil  (2 vowels, 4 consonants)</description>
  <styleUrl>#style_cons</styleUrl>
<Style>
  <PolyStyle>
    <color>bf0000ff</color>
    <outline>0</outline>
  </PolyStyle>
  <LabelStyle>
    <scale>1.0</scale>
  </LabelStyle>
  <IconStyle>
    <scale>1.0</scale>
  </IconStyle>
</Style>

<Polygon>
    <extrude>1</extrude>
    <altitudeMode>relativeToGround</altitudeMode>
  <outerBoundaryIs>
  <LinearRing>
    <extrude>1</extrude>
    <altitudeMode>relativeToGround</altitudeMode>
    <coordinates>
	-40.303586,-20.296155,30.0 
	-40.303353,-20.29611,30.0 
	-40.303307,-20.296281,30.0 
	-40.303551,-20.296318,30.0 
	-40.303586,-20.296155,30.0 
	   </coordinates>
  </LinearRing>
  </outerBoundaryIs>
</Polygon>
</Placemark>
</Folder>
</Document>
</kml>