Cesium
Imagery
Bing Maps Aerial
Bing Maps Aerial with Labels
Bing Maps Roads
Mapbox Satellite
Mapbox Streets
Mapbox Streets Classic
ESRI World Imagery
ESRI World Street Map
ESRI National Geographic
Open­Street­Map
Stamen Watercolor
Stamen Toner
The Black Marble
Natural Earth II
Terrain
WGS84 Ellipsoid
STK World Terrain meshes
Pan view
Left click + drag
Zoom view
Right click + drag, or
Mouse wheel scroll
Rotate view
Middle click + drag, or
CTRL + Left/Right click + drag
Pan view
One finger drag
Zoom view
Two finger pinch
Tilt view
Two finger drag, same direction
Rotate view
Two finger drag, opposite direction
Apr 7 202512:20:45 UTC1xToday (real-time)Play ReversePlay ForwardPause
Apr 7 2025 12:00:00 UTCApr 7 2025 18:00:00 UTCApr 8 2025 00:00:00 UTCApr 8 2025 06:00:00 UTCApr 8 2025 12:00:00 UTCApr 8 2025 18:00:00 UTC
Apr 8 2025 18:00:00 UTC
Relevant Cesium Source
x
 
var dragging = false;
var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
handler.setInputAction(
    function(click) {
        var pickedObject = scene.pick(click.position);
        if (Cesium.defined(pickedObject) && (pickedObject.id === entity)) {
            entity.billboard.scale = 1.2;
            dragging = true;
            scene.screenSpaceCameraController.enableRotate = false;
        }
    },
    Cesium.ScreenSpaceEventType.LEFT_DOWN
);
handler.setInputAction(
    function(movement) {
        if (dragging) {
            entity.position = camera.pickEllipsoid(movement.endPosition);
        }
    },
    Cesium.ScreenSpaceEventType.MOUSE_MOVE
);
handler.setInputAction(
    function() {
        entity.billboard.scale = 1;
        dragging = false;
        scene.screenSpaceCameraController.enableRotate = true;
    },
    Cesium.ScreenSpaceEventType.LEFT_UP
);
Relevant Google Earth Source (link)
 
placemark.setName('Drag Me!');
// listen for mousedown on the window (look specifically for point placemarks)
google.earth.addEventListener(ge.getWindow(), 'mousedown', function(event) {
    if (event.getTarget().getType() == 'KmlPlacemark' &&
        event.getTarget().getGeometry().getType() == 'KmlPoint') {
        //event.preventDefault();
        var placemark = event.getTarget();
        dragInfo = {
            placemark : event.getTarget(),
            dragged : false
        };
    }
});
// listen for mousemove on the globe
google.earth.addEventListener(ge.getGlobe(), 'mousemove', function(event) {
    if (dragInfo) {
        event.preventDefault();
        var point = dragInfo.placemark.getGeometry();
        point.setLatitude(event.getLatitude());
        point.setLongitude(event.getLongitude());
        dragInfo.dragged = true;
    }
});
// listen for mouseup on the window
google.earth.addEventListener(ge.getWindow(), 'mouseup', function(event) {
    if (dragInfo) {
        if (dragInfo.dragged) {
            // if the placemark was dragged, prevent balloons from popping up
            event.preventDefault();
        }
        dragInfo = null;
    }
});