Cesium1学习

1:中文文档地址Cesium中文api文档 | Index - Cesium Documentation

2:初始化镜头(飞行到某个位置)

viewer.camera.flyTo({
  destination: Cesium.Cartesian3.fromDegrees(121.479802, 31.225271, 5000.0)
});

3:对地图进行一些操作设置

复制代码
//设置中键放大缩小
viewer.scene.screenSpaceCameraController.zoomEventTypes = [
    Cesium.CameraEventType.WHEEL,
    Cesium.CameraEventType.MIDDLE_DRAG,
    Cesium.CameraEventType.PINCH
];
//设置右键旋转
viewer.scene.screenSpaceCameraController.tiltEventTypes = [
    Cesium.CameraEventType.RIGHT_DRAG,
    Cesium.CameraEventType.PINCH,
    {
      eventType: Cesium.CameraEventType.RIGHT_DRAG,
      modifier: Cesium.KeyboardEventModifier.CTRL
    },
    {
      eventType: Cesium.CameraEventType.MIDDLE_DRAG,
      modifier: Cesium.KeyboardEventModifier.CTRL
    }
];
复制代码

4:注册场景点击事件

复制代码
// 事件绑定
handler.setInputAction(function(movement) {
   // 返回地图表面上的点在世界坐标系中
   let cartesian1 = viewer.camera.pickEllipsoid(movement.position, viewer.scene.globe.ellipsoid);
   // 将世界坐标转换为经纬度
   let cartographic1 = viewer.scene.globe.ellipsoid.cartesianToCartographic(cartesian1);
   let lon1 = Cesium.Math.toDegrees(cartographic1.longitude); //经度值
   let lat1 = Cesium.Math.toDegrees(cartographic1.latitude); //纬度值
 }, Cesium.ScreenSpaceEventType.RIGHT_CLICK)
复制代码

 

posted @   十九遇你。  阅读(64)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
点击右上角即可分享
微信分享提示