首页 > 其他分享 >Mapbox 与 Babylon.js 可视化 创建喷泉底部

Mapbox 与 Babylon.js 可视化 创建喷泉底部

时间:2022-11-23 16:56:51浏览次数:55  
标签:map babylonjs haibalai Mapbox BabylonMapManager js 可视化 mapbox Babylon

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

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

  • npm i @haibalai/mapbox-babylonjs

 

初始化mapbox-babylonjs 类库, map 是mapbox.gl 的map 对象

  • import { BabylonMapManager } from "@haibalai/mapbox-babylonjs";
  • BabylonMapManager.init(map);

 

添加正方体

  • import { BabylonMapManager } from "@haibalai/mapbox-babylonjs";
  • let scene = BabylonMapManager.getScene(map);
  • const fountainProfile = [
  • new BABYLON.Vector3(0, 0, 0),
  • new BABYLON.Vector3(10, 0, 0),
  • new BABYLON.Vector3(10, 4, 0),

Mapbox 与 Babylon.js 可视化 创建喷泉底部 - 小专栏

标签:map,babylonjs,haibalai,Mapbox,BabylonMapManager,js,可视化,mapbox,Babylon
From: https://www.cnblogs.com/haibalai/p/16918918.html

相关文章

  • Mapbox 与 Babylon.js 可视化 将树放到场景里面
    我决定不从Babylonjs基础来讲了直接整合mapbox与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/mapbox-babylonjs 初始化mapbox-babylonjs......
  • Mapbox 与 Babylon.js 可视化 把房子加到地形场景里面
    我决定不从Babylonjs基础来讲了直接整合mapbox与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/mapbox-babylonjs 初始化mapbox-babylonjs......
  • Mapbox 与 Babylon.js 可视化 添加路灯
    我决定不从Babylonjs基础来讲了直接整合mapbox与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/mapbox-babylonjs 初始化mapbox-babylonjs......
  • Mapbox 与 Babylon.js 可视化 添加喷泉粒子
    我决定不从Babylonjs基础来讲了直接整合mapbox与babylonjs可视化来讲我整合一个类库后续不断更新中npmi@haibalai/mapbox-babylonjs 初始化mapbox-babylonjs......
  • JS设置光标选中text中指定文字
    <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""​​http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd​​​"><htmlxmlns="​​​http://ww......
  • 纯前端根据JSON数据导出excel
     本文是草稿,具体文章内容待完善,如急需实现功能,可以加我好友告诉你vx:programmer-duan配置excel表头    配置字段  ......
  • java web开发(servlet传递数据给jsp)
        实际开发中,servlet多用于controller,jsp多用于view。之前,我们谈过了怎么把数据从jsp传递给servlet,即采用form+action的方法来完成这一目标。今天可以继续讨论下,s......
  • java web开发(jsp传递数据给servlet)
        有了servlet,有了jsp,其实就已经可以做很多的事情了。比如说表单的制作等等。在实际项目中,表单、表格都是很常见的输入选项。一个常见的场景,就是客户在输入数据之......
  • java web开发(第一个jsp工程)
        前面两期,我们谈到了怎么进行servlet的编写。一种方法是将传统的java工程改造成servlet工程;另外一种方法就是直接利用maven创建一个webapp工程。事实上呢,如果大......
  • vue js文字跑马灯基础版本
    1.html原生方法<marquee>123123</marquee>2.定时器方法letpaymentPromptText=document.getElementById('paymentPromptText');//文本的总宽度consttext......