Cesium选择地图范围【绘制矩形坐标转换局部放大】

最新推荐文章于 2026-08-13 08:29:55 发布

原创

最新推荐文章于 2026-08-13 08:29:55 发布 · 3.5k 阅读

收录于

当前文章被以下社区和专栏收录：

本文介绍如何使用Cesium JavaScript库绘制矩形并进行坐标转换。通过鼠标操作捕捉地球上的点，转换为地理坐标，并以此绘制动态及静态的矩形区域。同时，文章展示了如何调整相机视角以聚焦特定地理区域。

Cesium绘制矩形

Cesium实现坐标转换;目标区域放大

var activeShapePoints = [];
var activeShape;
var floatingPoint;
//查看器
var viewer = new Cesium.Viewer('cesiumContainer', {
    selectionIndicator: false,
    infoBox: false,
    // 注释时相当于使用默认地形，解开注释相当于使用全球地形
    terrainProvider: Cesium.createWorldTerrain()
    
});
var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
//双击鼠标左键清除默认事件
viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
//绘制图形
function drawShape(positionData) {
    var shape;
 
        //当positionData为数组时绘制最终图，如果为function则绘制动态图
        var arr = typeof positionData.getValue === 'function' ? positionData.getValue(0) : positionData;
        shape = viewer.entities.add({
            name: 'Blue translucent, rotated, and extruded e