Code Monkey home page Code Monkey logo

cesium-google-earth-examples's Introduction

Google Earth plugin API samples ported to Cesium, the open-source WebGL virtual globe and map engine.

Click on any example below to run it. To learn more about Cesium, check out the Cesium for Google Earth Developers tutorial series.

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/hittest.html" target="_blank"><img src="examples/static/thumbs/hittest.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/hittest.html" target="_blank">Basic Sample: Hit-Testing</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/hittest.html" target="_blank">version</a>)</p>
    </td>
</tr>
    
<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/pinPoint.html" target="_blank"><img src="examples/static/thumbs/pinPoint.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/pinPoint.html" target="_blank">Basic Sample: Creating Placemarks </a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/placemark-point.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/pinStyle.html" target="_blank"><img src="examples/static/thumbs/pinStyle.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/pinStyle.html" target="_blank">Basic Sample: Styling Placemarks </a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/placemark-stylemap.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/pinDrag.html" target="_blank"><img src="examples/static/thumbs/pinDrag.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/pinDrag.html" target="_blank">Basic Sample: Draggable Placemark </a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/placemark-dragdrop.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/polyline.html" target="_blank"><img src="examples/static/thumbs/polyline.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/polyline.html" target="_blank">Basic Sample: Creating Line Strings </a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/linestring.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/polylineStyle.html" target="_blank"><img src="examples/static/thumbs/polylineStyle.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/polylineStyle.html" target="_blank">Basic Sample: Line String Styling </a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/linestring-style.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/cameraMove.html" target="_blank"><img src="examples/static/thumbs/cameraMove.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/cameraMove.html" target="_blank">Basic Sample: Move Camera</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/camera-move.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/cameraTilt.html" target="_blank"><img src="examples/static/thumbs/cameraTilt.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/cameraTilt.html" target="_blank">Basic Sample: Tilt Camera</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/camera-tilt.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/cameraTimeout.html" target="_blank"><img src="examples/static/thumbs/cameraTimeout.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/cameraTimeout.html" target="_blank">Basic Sample: Move Camera with Timeouts </a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/camera-move-timeouts.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/model.html" target="_blank"><img src="examples/static/thumbs/model.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/model.html" target="_blank">Basic Sample: Creating 3D Models</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/model.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/terrain.html" target="_blank"><img src="examples/static/thumbs/terrain.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/terrain.html" target="_blank">Basic Sample: Show/Hide Terrain</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/terrain.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/groundAlt.html" target="_blank"><img src="examples/static/thumbs/groundAlt.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/groundAlt.html" target="_blank">Basic Sample: Retrieving Ground Altitude Data</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/groundaltitude.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/sun.html" target="_blank"><img src="examples/static/thumbs/sun.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/sun.html" target="_blank">Basic Sample: Show/Hide Sun (Dusk to Dawn)</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/sun.html" target="_blank">version</a>)</p>
    </td>
</tr>
<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/globeEvent.html" target="_blank"><img src="examples/static/thumbs/globeEvent.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/globeEvent.html" target="_blank">Basic Sample: Globe/Window Event Handling</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/event-globe.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/eventListeners.html" target="_blank"><img src="examples/static/thumbs/eventListeners.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/eventListeners.html" target="_blank">Basic Sample: Toggling Event Listeners</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/event-listeners.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/pinEvent.html" target="_blank"><img src="examples/static/thumbs/pinEvent.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/pinEvent.html" target="_blank">Basic Sample: Placemark Click Event Handling</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/event-placemark.html" target="_blank">version</a>)</p>
    </td>
</tr>
    
<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/frameAnimation.html" target="_blank"><img src="examples/static/thumbs/frameAnimation.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/frameAnimation.html" target="_blank">Basic Sample: Smooth Animation with frameend</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/event-frameend.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/viewchangeEvent.html" target="_blank"><img src="examples/static/thumbs/viewchangeEvent.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/viewchangeEvent.html" target="_blank">Basic Sample: viewchange Event</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/event-viewchange.html" target="_blank">version</a>)</p>
    </td>
</tr>
<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/circle.html" target="_blank"><img src="examples/static/thumbs/circle.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/circle.html" target="_blank">Basic Sample: Creating Circle Polygons </a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/polygon-circle.html" target="_blank">version</a>)</p>
    </td>
</tr>
<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/nestedCircle.html" target="_blank"><img src="examples/static/thumbs/nestedCircle.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/nestedCircle.html" target="_blank">Basic Sample: Creating Multi-Geometry Placemarks</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/multigeometry.html" target="_blank">version</a>)</p>
    </td>
</tr>
<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/polygon.html" target="_blank"><img src="examples/static/thumbs/polygon.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/polygon.html" target="_blank">Basic Sample: Creating Polygons </a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/polygon.html" target="_blank">version</a>)</p>
    </td>
</tr>
<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/polygonStyle.html" target="_blank"><img src="examples/static/thumbs/polygonStyle.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/polygonStyle.html" target="_blank">Basic Sample: Polygon Styling</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/polygon-style.html" target="_blank">version</a>)</p>
    </td>
</tr>
<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/screenOverlay.html" target="_blank"><img src="examples/static/thumbs/screenOverlay.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/screenOverlay.html" target="_blank">Basic Sample: Creating Screen Overlays</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/screenoverlay.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/screenFrame.html" target="_blank"><img src="examples/static/thumbs/screenFrame.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/screenFrame.html" target="_blank">Basic Sample: Screen Overlay (Frame)</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/screenoverlay-frame.html" target="_blank">version</a>)</p>
    </td>
</tr>

<tr>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/demos/milktruck/" target="_blank"><img src="demos/milktruck/thumb.png" width="162" height="130"></a>
    </td>
    <td>
      <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/demos/milktruck/" target="_blank">Monster Milktruck</a>
      <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/demos/milktruck/index.html" target="_blank">version</a>)</p>
    </td>
</tr>
Hello, Earth

(Google Earth version)

HTML5/Gears/IP Geolocation

(Google Earth version)

Multiple Globes

(Google Earth version)

Draw

(Google Earth version)

KML Fetch

KML Fetching

KML Fetch (Google Earth version)

KML Fetch: Interactive (Google Earth version)

KML Parsing

KML Parsing

KML Parsing (Google Earth version)

Parsing KML: Time Span (Google Earth version)

Basic Sample: Creating Ground Overlays

(Google Earth version)

To run the examples locally, clone this repo, install node.js, and, from the `cesium-google-earth-examples` root directory, run

npm install
node server.js
Browse to
http://localhost:8000/

cesium-google-earth-examples's People

Contributors

analyticalgraphics avatar bagnell avatar emackey avatar mramato avatar pjcozzi avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.