Using Google Earth API and KML in order to fetchkml and embed as an online 3d map

StackOverflow https://stackoverflow.com/questions/21417844

Domanda

I have written a KML file that I want to embed in order to create a 3D map online. I have been able to successfully use the Google Earth Plug in to text the file and embed it into Blogger and I have validated my code. However, when I try to use the plug in and embed the code into my website, it doesn't work. I have hosted the kml file on my server, which also hosts site that I want to post the map onto. (So, the KML file isn't coming from a computer but is hosted on a server).

Because the Google Plug in isn't working to embed the file, I am trying to figure out why. I have followed the instructions according to the KML developer guidelines and added the functions (see below) 

<script>
<html>
  <head>
    <script src="https://www.google.com/jsapi?key=YOURAPIKEY"></script>
    <script>
      google.load('earth','1', {'other_params':'sensor=false'});

      var ge = null;

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

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

      function failureCallback() {
        // we can do something here if there's an error
      }
    </script>

  </head>
  <body onload="init()" id="body">
    <div id="map3d" style="width: 500px; height: 500px;"></div>
  </body>
</html>

However, I am not sure what I am missing. In order for the Google API to work, is there more Javascript that needs to be added to the kml to work? I believe I need to perfect the kml, including code to fetchkml, but I have hit a dead end with the code. I have read many questions on the Google Earth API and kml and cannot find a clear answer to why this works on Blogger but not on my site. I have permissions on my site so that is a non-issue.

A few Stackoverflow questions that have helped but not clearly answered my questions:

Google Earth API, KML on local Web Server

Google earth fetchKml timeout

Any assistance in helping me integrate my kml with the Google Earth API and javascript is appreciated.

È stato utile?

Soluzione

The code looks AOK apart from the line

<script src="https://www.google.com/jsapi?key=YOURAPIKEY"></script>

Really it should either have your api key in the query, or else simply be

<script src="https://www.google.com/jsapi"></script>

As it is, it could be that you are simply getting an invalid API key error.

If that doesn't solve it could you post a link to your actual site where it isn't working?

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top