# cesium-google-earth-examples

**Repository Path**: zlib0210/cesium-google-earth-examples

## Basic Information

- **Project Name**: cesium-google-earth-examples
- **Description**: 已移植到Cesium的Google Earth插件API例子，Cesium是一个开源的WebGL虚拟地球仪和地图引擎。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-12-20
- **Last Updated**: 2023-12-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
<a href="http://cesiumjs.org/" target="_blank">
<img src="examples/static/Cesium_Logo_Color.jpg" width="50%" />
</a>
</p>
<p>
Google Earth plugin API samples ported to Cesium, the open-source WebGL virtual globe and map engine.
</p>
<p>
Click on any example below to run it.  To learn more about Cesium, check out the <a href="http://cesiumjs.org/for-google-earth-developers.html" target="_blank">Cesium for Google Earth Developers</a> tutorial series.
</p>

<table>
    <tr>
        <td>
            <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/demos/helloearth/" target="_blank"><img src="demos/helloearth/thumb.png" width="162" height="130"></a>
        </td>
        <td>
            <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/demos/helloearth/" target="_blank">Hello, Earth</a>
            <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/demos/helloearth/index.html" target="_blank">version</a>)</p>
        </td>
    </tr>
    <tr>
        <td>
            <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/demos/geolocation/" target="_blank"><img src="demos/geolocation/thumb.png" width="162" height="130"></a>
        </td>
        <td>
            <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/demos/geolocation/" target="_blank">HTML5/Gears/IP Geolocation</a>
            <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/demos/geolocation/index.html" target="_blank">version</a>)</p>
        </td>
    </tr>
    <tr>
        <td>
            <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/demos/multiple/" target="_blank"><img src="demos/multiple/thumb.png" width="162" height="130"></a>
        </td>
        <td>
            <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/demos/multiple/" target="_blank">Multiple Globes</a>
            <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/demos/multiple/index.html" target="_blank">version</a>)</p>
        </td>
    </tr>
    <tr>
        <td>
            <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/demos/draw/" target="_blank"><img src="demos/draw/thumb.png" width="162" height="130"></a>
        </td>
        <td>
            <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/demos/draw/" target="_blank">Draw</a>
            <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/demos/draw/index.html" target="_blank">version</a>)</p>
        </td>
    </tr>
    <tr>
        <td>
            <img src="examples/static/thumbs/kmlFetch.png" title="KML Fetch" alt="KML Fetch"/>
        </td>
        <td>
            <p><strong>KML Fetching</strong></p>
            <p>
                <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/kmlFetchGood.html">KML Fetch</a>
                <span style="white-space: nowrap;" class="smallFont">(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/kml-fetch-good.html" target="_blank">version</a>)</span>
            </p>
            <p>
                <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/kmlFetchInteractive.html">KML Fetch: Interactive</a>
                <span style="white-space: nowrap;" class="smallFont">(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/kml-fetch-interactive.html" target="_blank">version</a>)</span>
            </p>
        </td>
    </tr>
    <tr>
        <td>
            <img src="examples/static/thumbs/kmlParsing.png" title="KML Parsing" alt="KML Parsing"/>
        </td>
        <td>
            <p><strong>KML Parsing</strong></p>
            <p>
                <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/kmlParse.html">KML Parsing</a>
                <span style="white-space: nowrap;" class="smallFont">(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/kml-parse.html" target="_blank">version</a>)</span>
            </p>
            <p>
                <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/kmlParseTimeSpan.html">Parsing KML: Time Span</a>
                <span style="white-space: nowrap;" class="smallFont">(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/kml-parse-timespan.html" target="_blank">version</a>)</span>
            </p>
        </td>
    </tr>
    <tr>
        <td>
            <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/groundoverlay.html" target="_blank"><img src="examples/static/thumbs/groundoverlay.png" width="162" height="130"></a>
        </td>
        <td>
            <a href="http://analyticalgraphicsinc.github.io/cesium-google-earth-examples/examples/groundoverlay.html" target="_blank">Basic Sample: Creating Ground Overlays </a>
            <p>(Google Earth <a href="http://earth-api-samples.googlecode.com/svn/trunk/examples/groundoverlay.html" target="_blank">version</a>)</p>
        </td>
    </tr>
    <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>
</table>

<p>
To run the examples locally, clone this repo, install <a href="http://nodejs.org/" target="_blank">node.js</a>, and, from the `cesium-google-earth-examples` root directory, run
<pre>
npm install
node server.js
</pre>
Browse to 
<pre>
http://localhost:8000/
</pre>
</p>