01.cesium中三维模型加载

原创

已于 2024-04-12 06:53:22 修改 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #cesium

于 2024-04-11 17:40:19 首次发布

本文介绍了如何使用Cesium库在Web应用中配置和加载3D场馆模型，包括设置经纬度、角度、模型URL和加载流程。还展示了如何创建一个封装类来简化操作并处理模型加载回调。

1.先看展示示例

在这里插入图片描述

实现步骤

1.配置好参数

  CesiumMapRef.value.addVenue({
   
   
    id: "",
    createTime: "",
    modifyTime: "",
    name: "国博中心",
    angle: 30,
    longitude: 106.537751,
    latitude: 29.721438,
    scale: 1.0,
  });
const addVenue = () => {
   
   
	 let url = "/data/gbzx-01.gltf"; //模型地址
      options.url = url;
      options.locking = true