当前位置:网站首页>cesium加载地图
cesium加载地图
2022-08-09 10:29:00 【新月清光】
进行三维地图显示,需要的环境有,jdk、tomcat、cesium,jdk、tomcat的安装与环境配置请自行百度,cesium的下载地址为:https://cesiumjs.org/。
开发编译器选择:idea
1、新建Javaee工程,如下
工程创建完毕后,web文件夹下粘贴Cesium文件夹,路径为Cesium-1.58\Build\Cesium。
然后创建地图显示jsp页面,打开index.jsp,分别写入代码:
<style>
@import url(Cesium/Widgets/widgets.css);
html, body, #cesiumContainer {
width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
}
</style> <div id="cesiumContainer"></div>
<script>
var viewer = new Cesium.Viewer('cesiumContainer');
</script>
如下图:
运行以后如下图,程序完成。
设置显示的范围与视角, 对camera进行设置,我们就可以定义初始化时的镜头、视角~下面这段代码就是将镜头定位在经纬度为(111.07,39.05)的地方,高度为1万公里,下面的heading、pitch和roll就是镜头相对于xyz轴的角度,比如pitch为-90°而另外两个为0时,就是90°向下俯视地球。 添加代码:
viewer.camera.setView({
destination: Cesium.Cartesian3.fromDegrees(111.07, 39.05, 10000),
orientation: {
heading : Cesium.Math.toRadians(0),
pitch : Cesium.Math.toRadians(-90),
roll : Cesium.Math.toRadians(0)
}})
效果如下:
去除界面的其他按钮,代码如下:
var viewer = new Cesium.Viewer( 'cesiumContainer', {
animation : false,//是否创建动画小器件,左下角仪表
baseLayerPicker : false,//是否显示图层选择器
fullscreenButton : false,//是否显示全屏按钮
geocoder : false,//是否显示geocoder小器件,右上角查询按钮
homeButton : false,//是否显示Home按钮
infoBox : false,//是否显示信息框
sceneModePicker : false,//是否显示3D/2D选择器
selectionIndicator : false,//是否显示选取指示器组件
timeline : false,//是否显示时间轴
navigationHelpButton : false,//是否显示右上角的帮助按钮
} );
效果如下:
//去除logo水印
viewer._cesiumWidget._creditContainer.style.display="none"
效果如下:
边栏推荐
- 1003 我要通过! (20 分)
- 多行省略和选择器
- 相伴成长,彼此成就 用友U9 cloud做好制造业数智化升级的同路人
- Demand side power load forecasting (Matlab code implementation)
- Redis cache update strategy actively
- 基本运算符
- 3D printed this DuPont cable management artifact, and the desktop is no longer messy
- 蓄电池建模、分析与优化(Matlab代码实现)
- unix环境编程 第十四章 14.4 I/O多路转接
- 【原创】解决阿里云oss-browser.exe双击没反应打不开,提供一种解决方案
猜你喜欢
随机推荐
机器学习--朴素贝叶斯(Naive Bayes)
LM小型可编程控制器软件(基于CoDeSys)笔记二十六:plc的数据存储区(模拟量输入通道部分)
basic operator
Redis + NodeJS 实现一个能处理海量数据的异步任务队列系统
TELNET协议相关RFC
Dialogue with the DPO of a multinational consumer brand: How to start with data security compliance?See you on 8.11 Live!
分类预测 | MATLAB实现CNN-LSTM(卷积长短期记忆神经网络)多特征分类预测
借问变量何处存,牧童笑称用指针,Go lang1.18入门精炼教程,由白丁入鸿儒,go lang类型指针(Pointer)的使用EP05
xmms已经发布到v1.3了,好久没写博客了
【原创】VMware Workstation实现Openwrt软路由功能,非ESXI,内容非常详细!
今天做了手机播放器的均衡器
unix环境编程 第十五章 15.5FIFO
GeoScene Pro 2.1下载地址与安装基本要求
[Error record] Solve the problem that ASRock J3455-ITX cannot be turned on without a monitor plugged in
stimulus.js 初体验
1002 写出这个数 (20 分)
snmp++编译错误问题解决方法
MySQL和MyEclipse的数据库连接操作
Technology Sharing | How to simulate real usage scenarios?mock technology to help you
主从postition变化无法锁定_Slave_IO_Running显示No_Slave_Sql_Running显示No---Mysql主从复制同步002