首页 > 其他分享 >Cesium 与 Babylon.js 可视化 构建房子

Cesium 与 Babylon.js 可视化 构建房子

时间:2023-01-14 11:01:24浏览次数:44  
标签:material viewer BABYLON babylonjs BabylonMapManager js cesium Cesium Babylon


我决定不从Babylonjs 基础来讲了 直接整合cesium与babylonjs可视化来讲

我整合一个类库 后续不断更新中

npm i @haibalai/cesium-babylonjs

初始化cesium-babylonjs 类库, viewer 是 Cesium 的 viewer对象

import { BabylonMapManager } from “@haibalai/cesium-babylonjs”;
BabylonMapManager.init(viewer);

添加正方体

import { BabylonMapManager } from “@haibalai/cesium-babylonjs”;
let scene = BabylonMapManager.getScene(viewer);
const material = new BABYLON.StandardMaterial(“material”, scene);
material.diffuseColor = new BABYLON.Color3(0, 1, 0);
material.backFaceCulling = false;
const box = BABYLON.MeshBuilder.CreateBox(“box”, {
sideOrientation:2,
size: 100
}, scene);
BabylonMapManager.addToMap(box,[113.87629508972168, 22.544824222364753, 100]);
const roof = BABYLON.MeshBuilder.CreateCylinder(“roof”, {
sideOrientation:2,


Cesium 与 Babylon.js 可视化 构建房子 - 小专栏


标签:material,viewer,BABYLON,babylonjs,BabylonMapManager,js,cesium,Cesium,Babylon
From: https://blog.51cto.com/u_15142957/6007544

相关文章

  • JS_6_自定义对象
    JS中万事万物皆对象,灵活! 对象:可以调用不存在的属性方法(自动扩充),值为undefined。可以直接新增属性方法。创建自定义对象://创建一个自定义对象var对象名......
  • JS_5_自定义类
    JS万事万物皆对象,灵活!可以调用不存在的属性和方法。(即为undefined。)  创建一个类:格式:function类名(形参){this.属性名=形参;...this.属性名......
  • org.bson.json.JsonParseException: JSON reader was expecting a name but found ‘,
    问题执行JSON转化时报这个错原因自己写的这个JSON转换不对,不符合JSON格式,但是我的给我报错位置和实际错误位置差了几行,导致找了半天,觉得自己写的没问题,注释掉发现确实有个地......
  • 【读书笔记】JS函数式编程指南
    第一章海鸥群可以合并和繁育conjoinbreedvarresult=flock_a.conjoin(flock_c).breed(flock_b).conjoin(flock_a.breed(flock_b)).seagulls;但是由于有内部状态,内......
  • js-export关键字介绍
    在JavaScript中,export语句中被使用在一个模块中,去export,functions,objects,或者私有的value,所以我们可以在另外一个程序中使用这些,使用import语句。模块将......
  • 记好这24个ES6方法,用于解决实际开发的JS问题
    本文主要介绍24中es6方法,这些方法都挺实用的,本本请记好,时不时翻出来看看。  1.如何隐藏所有指定的元素1consthide=(el)=>Array.from(el).forEach(e=>(e.......
  • json转map
    java中map和json互转工具类,注意方法示例的格式(这里是最简单的无嵌套的格式),不满足此格式的不合适:packagecom.yscredit.sz.util;importcom.alibaba.fastjson.JSON;importor......
  • vue.js客服系统实时聊天项目开发(二)界面代码css display:flex实现垂直方向自适应高度
    我想要实现的效果是,三个元素,第一个是标题,第二个是消息列表是自适应高度的,第三个是输入框<template><divclass="chatAppBody"><divclass="chatTitle">标......
  • vue.js客服系统实时聊天项目开发(一)路由与子路由-全局变量-elementui搭建基本框架
    Vue应用程序设置一些基本配置,包括使用依赖项,设置路由,挂载组件等。这样就可以使用Vue框架开发应用程序了先来看看我的客服系统项目的package.json{"name":"VueLiveCh......
  • 如何在 Nuxt 3 中使用 wavesurfer.js
    安装wavesurfer.js在项目中安装wavesurfer.jsnpminstall--savewavesurfer.js常规方式引入如果你的根目录中没有components目录则需要创建该目录,并在此目录中创......