mpeterson

I’ve tried creating a standalone javascript (*.js) file with the following code, and uploading it to my sites under wp-content/scripts, but that didn’t seem to work.

<script src="/http://www.google.com/jsapi?key=ABQIAAAAuPsJpk3MBtDpJ4G8cqBnjRRaGTYH6UMl8mADNa0YKuWNNa8VNxQCzVBXTx2DYyXGsTOxpWhvIG7Djw" type="text/javascript"></script>
    <script type="text/javascript">
    var ge;

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

    function init() {
      google.earth.createInstance('map3d', initCallback, failureCallback);
    }

    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(42.77890, -106.08009, 3772, ge.ALTITUDE_RELATIVE_TO_GROUND,
               -120, 68, 0);
        ge.getView().setAbstractView(la);
      }

      // fetch the KML
      var url = 'http://markspeterson.com/' +
                'Maps/Sheepherder_Fire_09-13-2012_Final.kml';
      google.earth.fetchKml(ge, url, finished);

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

function failureCallback(errorCode) {
    }
    </script>

If I then try to call that from a page nothing happens. My call is by using:

<script type="text/javascript" src="/coloradofiremaps.com/wp-content/scripts/my_java_script.js"></script>
<script type="text/javascript">
<!--
init();
//--></script>

<div id="map3d" style="width: 800px; height: 600px;"></div>
<br>
<div>Installed Plugin Version: <span id="installed-plugin-version" style="font-weight: bold;">Loading...</span></div>
</center>

Could someone perhaps give me a clue as to what I’m doing wrong, because I’m just not seeing it?

To simplify things, I uploaded another KML file that contained nothing more than a single placemark, and even that won’t display correctly. The label for the icon is blank, even though it is labelled in the KML.

The plugin isn’t following the <lookat> parameters either, so the zoom level is incorrect in the map.

Is the plugin not capable of displaying the name or label by default from a KML file?

Thanks for your help!