fetchkml

<!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Earth API Sample</title>
    <script src="http://www.google.com/jsapi?key=ABQIAAAAuPsJpk3MBtDpJ4G8cqBnjRRaGTYH6UMl8mADNa0YKuWNNa8VNxQCzVBXTx2DYyXGsTOxpWhvIG7Djw" type="text/javascript"></script>
    <script type="text/javascript">
      function addSampleButton(caption, clickHandler) {
        var btn = document.createElement('input');
        btn.type = 'button';
        btn.value = caption;

        if (btn.attachEvent)
          btn.attachEvent('onclick', clickHandler);
        else
          btn.addEventListener('click', clickHandler, false);

        // add the button to the Sample UI
        document.getElementById('sample-ui').appendChild(btn);
      }

      function addSampleUIHtml(html) {
        document.getElementById('sample-ui').innerHTML += html;
      }
    </script>
    <script type="text/javascript">
    var ge;

    google.load("earth", "1");
    google.load("maps", "2");

    function init() {
      google.earth.createInstance('map3d', initCallback, failureCallback);
        addSampleUIHtml(
        '<input id="location" type="text" value="kosice, matuskova 12"/>'
      );

      addSampleButton('Fly Here!', buttonClick)
    }

    function initCallback(instance) {
      ge = instance;
      ge.getWindow().setVisibility(true);

      // add a navigation control
      ge.getNavigationControl().setVisibility(ge.VISIBILITY_AUTO);

      // add some layers
      ge.getLayerRoot().enableLayerById(ge.LAYER_BORDERS, true);
      ge.getLayerRoot().enableLayerById(ge.LAYER_ROADS, true);

      // in this sample we will attempt
      // to fetch a  KML file and show it

      function finished(object) {
        if (!object) {
          // wrap alerts in API callbacks and event handlers
          // in a setTimeout to prevent deadlock in some browsers
          setTimeout(function() {
            alert('Bad or null KML.');
          }, 0);
          return;
        }
        ge.getFeatures().appendChild(object);
       // var la = ge.createLookAt('');
       // la.set(48.724944, 21.246872, 25, ge.ALTITUDE_RELATIVE_TO_GROUND,
       //        180, 60, 500);
      //  ge.getView().setAbstractView(la);
      }

      // fetch the KML
      var url = 'http://3dmodel.fei.tuke.sk/Dominikanske_namestie_49.kmz';
      google.earth.fetchKml(ge, url, finished);

      google.earth.fetchKml(ge, 'http://3dmodel.fei.tuke.sk/Dom_umenia.kmz', finished);

 google.earth.fetchKml(ge, 'http://3dmodel.fei.tuke.sk/masiarska_40.kmz', finished);
 google.earth.fetchKml(ge, 'http://3dmodel.fei.tuke.sk/masiarska_42.kmz', finished);
 google.earth.fetchKml(ge, 'http://3dmodel.fei.tuke.sk/masiarska_46_50.kmz', finished);
 google.earth.fetchKml(ge, 'http://3dmodel.fei.tuke.sk/masiarska_52_56.kmz', finished);
 google.earth.fetchKml(ge, 'http://3dmodel.fei.tuke.sk/masiarska_58az60.kmz', finished);
 google.earth.fetchKml(ge, 'http://3dmodel.fei.tuke.sk/masiarska_59.kmz', finished);
 google.earth.fetchKml(ge, 'http://3dmodel.fei.tuke.sk/masiarska_62az72.kmz', finished);
 google.earth.fetchKml(ge, 'http://3dmodel.fei.tuke.sk/masiarska_72_74.kmz', finished);


      document.getElementById('installed-plugin-version').innerHTML =
        ge.getPluginVersion().toString();
    }

    function failureCallback(errorCode) {
    }

    function buttonClick() {
      var geocodeLocation = document.getElementById('location').value;

      var geocoder = new google.maps.ClientGeocoder();
      geocoder.getLatLng(geocodeLocation, function(point) {
        if (point) {
          var lookAt = ge.createLookAt('');
          lookAt.set(point.y, point.x, 10, ge.ALTITUDE_RELATIVE_TO_GROUND,
                     0, 90, 100);
          ge.getView().setAbstractView(lookAt);
        }
      });
    }

    </script>
  </head>
  <body onload="init()" style="font-family: arial, sans-serif; font-size: 13px; border: 0;">
    <div id="sample-ui"></div>
    <div id="map3d" style="width: 1024px; height: 768px;"></div>
    <br>
    <div>Installed Plugin Version: <span id="installed-plugin-version" style="font-weight: bold;">Loading...</span></div>
  </body>
</html>