当前位置: 首页 > news >正文

info哪个网站续费便宜买域名

info哪个网站续费便宜,买域名,怎么做外贸网站推广,做日本贸易哪个网站好一、打造第一个cesium应用 1、 cesium官网地址 Cesium: The Platform for 3D Geospatialhttps://cesium.com/ 2、安装cesium npm install cesium 3、将node_modules中cesium的4个文件夹复制到public文件中 4、见Widgets文件放到src目录下 5、App.vue代码 <template>&…

一、打造第一个cesium应用


1、 cesium官网地址

Cesium: The Platform for 3D Geospatialhttps://cesium.com/

2、安装cesium

npm install cesium

3、将node_modules中cesium的4个文件夹复制到public文件中

 4、见Widgets文件放到src目录下

5、App.vue代码

<template><div id="sesiumContioner" ref="sesiumContioner"></div>
</template><script setup>
import * as Cesium from 'cesium';//引入cesium
import "./Widgets/widgets.css";//引入cesium的css
import { onMounted } from 'vue';window.CESIUM_BASE_URL = '/';onMounted(() => {var view = new Cesium.Viewer('sesiumContioner')
})
</script><style lang="scss">
* {padding: 0;margin: 0;
}#sesiumContioner {width: 100vw;height: 100vh;
}
</style>

6、运行结果截图

 

二、Cesium基础设置 


1、去掉底部的提示

 注意:去官网注册后获取到token设置就可以去掉提示了

代码截图:

代码:

Cesium.Ion.defaultAccessToken = '自己的token'

完成截图:

2、去掉页面cesium的logo

代码截图:

 

代码:

onMounted(() => {var view = new Cesium.Viewer('sesiumContioner');view.cesiumWidget.creditContainer.style.display = 'none';
})

 完成截图:

3、设置默认看见的是中国视角

 当前默认视角:

代码截图:

代码:

Cesium.Camera.DEFAULT_VIEW_RECTANGLE = Cesium.Rectangle.fromDegrees(//西边的经度86.5,//南边的维度20.4,//东边的经度110.4,//北边的维度61.2
)

完成截图:

三、详讲viewer查看器


1、是否显示信息窗口

代码截图:

代码:

var view = new Cesium.Viewer('sesiumContioner', {//是否显示信息窗口infoBox: true});

2、是否显示搜索框

代码截图

 

代码:

  var view = new Cesium.Viewer('sesiumContioner', {//是否显示信息窗口infoBox: true,//是否显示搜索框geocoder:false,});

完成截图:

3、是否显示home按钮

代码截图:

 

代码:

  var view = new Cesium.Viewer('sesiumContioner', {//是否显示信息窗口infoBox: true,//是否显示搜索框geocoder:false,//是否显示home按钮,true显示,false不显示homeButton:false,});

4、控制查看器显示模式

代码截图:

代码:

  var view = new Cesium.Viewer('sesiumContioner', {//是否显示信息窗口infoBox: true,//是否显示搜索框geocoder: false,//是否显示home按钮,true显示,false不显示homeButton: false,//控制查看器显示模式 ,true显示,false不显示sceneModePicker: false});

5、是否显示图层选择器

代码截图:

代码:

  var view = new Cesium.Viewer('sesiumContioner', {//是否显示信息窗口infoBox: true,//是否显示搜索框geocoder: false,//是否显示home按钮,true显示,false不显示homeButton: false,//控制查看器显示模式 ,true显示,false不显示sceneModePicker: false,//是否显示图层选择器 ,true显示,false不显示baseLayerPicker: false,});

6、是否显示帮助按钮

代码截图:

代码:

  var view = new Cesium.Viewer('sesiumContioner', {//是否显示信息窗口infoBox: true,//是否显示搜索框geocoder: false,//是否显示home按钮,true显示,false不显示homeButton: false,//控制查看器显示模式 ,true显示,false不显示sceneModePicker: false,//是否显示图层选择器 ,true显示,false不显示baseLayerPicker: false,//是否显示帮助按钮 ,true显示,false不显示navigationHelpButton: false});

7、是否播放动画

代码截图:

 

代码:

  var view = new Cesium.Viewer('sesiumContioner', {//是否显示信息窗口infoBox: true,//是否显示搜索框geocoder: false,//是否显示home按钮,true显示,false不显示homeButton: false,//控制查看器显示模式 ,true显示,false不显示sceneModePicker: false,//是否显示图层选择器 ,true显示,false不显示baseLayerPicker: false,//是否显示帮助按钮 ,true显示,false不显示navigationHelpButton: false,//是否播放动画 ,true显示,false不显示animation: false});

8、是否显示时间轴

代码截图:

 

代码:

  var view = new Cesium.Viewer('sesiumContioner', {//是否显示信息窗口infoBox: true,//是否显示搜索框geocoder: false,//是否显示home按钮,true显示,false不显示homeButton: false,//控制查看器显示模式 ,true显示,false不显示sceneModePicker: false,//是否显示图层选择器 ,true显示,false不显示baseLayerPicker: false,//是否显示帮助按钮 ,true显示,false不显示navigationHelpButton: false,//是否播放动画 ,true显示,false不显示animation: false,//是否显示时间轴 ,true显示,false不显示timeline: false});

9、是否显示全屏按钮

代码截图:

 代码:

  var view = new Cesium.Viewer('sesiumContioner', {//是否显示信息窗口infoBox: true,//是否显示搜索框geocoder: false,//是否显示home按钮,true显示,false不显示homeButton: false,//控制查看器显示模式 ,true显示,false不显示sceneModePicker: false,//是否显示图层选择器 ,true显示,false不显示baseLayerPicker: false,//是否显示帮助按钮 ,true显示,false不显示navigationHelpButton: false,//是否播放动画 ,true显示,false不显示animation: false,//是否显示时间轴 ,true显示,false不显示timeline: false,//是否显示全屏按钮 ,true显示,false不显示fullscreenButton: false});

10、完成截图

四、cesium天空盒 


1、原始截图

2、准备天空盒子的图

注意:盒子图放入public文件中

 

3、代码引入盒子图

 代码截图:

代码:

  var view = new Cesium.Viewer('sesiumContioner', {//设置天空盒子skyBox:new Cesium.SkyBox({sources:{positiveX:'./texture/sky/sky_px.jpg',negativeX:'./texture/sky/sky_nx.jpg',positiveY:'./texture/sky/sky_ny.jpg',negativeY:'./texture/sky/sky_py.jpg',positiveZ:'./texture/sky/sky_pz.jpg',negativeZ:'./texture/sky/sky_nz.jpg'}})});

4、完成截图

http://www.15wanjia.com/news/19897.html

相关文章:

  • 新余网站制作seo简介
  • 网站一年的 运营费用关键词搜索指数查询工具
  • b2b电子商务网站的收益模式不包括企业qq官网
  • 看电影电视剧的好网站纤纤影院seminar什么意思中文
  • 网站建设推广有用吗一站传媒seo优化
  • 网站建设 网页网站推广的常用方法有哪些
  • 销售网站html源码外贸推广平台有哪几个
  • wordpress 电影下载站自媒体培训
  • 长春营销型网站制作微商怎么引流被别人加
  • 四川省建设工程造价信息网seo优化软件购买
  • 做秒杀网站网站服务费一年多少钱
  • 现代化专业群建设网站铁岭网站seo
  • 常德做网站报价厦门网络关键词排名
  • 网站制作制作软文网站平台
  • 做影视后期应该关注哪些网站免费b站推广入口2023
  • 东营有做网站的公司四川聚顺成网络科技有限公司
  • 租空间做网站谷歌sem服务商
  • 找钢网网站建设seo技术大师
  • 政府网站建设内容介绍培训方案
  • 做汽配批发做那个网站比较好学生个人网页设计模板
  • 云空间提供网站今日国际重大新闻
  • 模特公司网站模板找培训机构的app
  • 淘宝网站怎么做网址注册
  • 网站设计的目的和意义北京网站制作公司
  • 本地怎么做网站服务器吗烟台网络推广
  • 物流网站开发策划企业网站设计与推广
  • 无锡百度正规推广一键seo提交收录
  • 苏州园区网站建设优化软件
  • 阜阳微网站建设多少钱今日新闻最新10条
  • 做淘宝客导购网站天津百度推广开户