Cesium的初始开发运用

最新推荐文章于 2024-04-03 17:54:47 发布

Zisen_66

最新推荐文章于 2024-04-03 17:54:47 发布

阅读量337

点赞数

分类专栏： Cesium个人心得文章标签： Cesium 初学者开发

本文链接：https://blog.youkuaiyun.com/qq_41048063/article/details/88383384

版权

Cesium个人心得专栏收录该内容

5 篇文章

订阅专栏

在进行Cesium的初始开发前，我们需要当前较新版本的浏览器和编辑器。
本篇使用的是google浏览器和Atom编辑器

在这里插入图片描述

以下是修改后的代码

<!DOCTYPE html>
<html lang="en">
<!-- 注釋用語 -->
<!-- Use correct character set. -->
<meta charset="utf-8">
<!-- Tell IE to use the latest, best version. -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum?scale=1, user-scalable=no">
<title>Reverse GIS!</title>
<script src="../Build/Cesium/Cesium.js"></script>
<style>
@import url(../Build/Cesium/Widgets/widgets.css);
html, body, #cesiumContainer {
  width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
var viewer = new Cesium.Viewer('cesiumContainer',{
  animation:false,//是否啟動動畫工具，左下角儀錶
  baseLayerPicker:true,//是否顯示圖層控制選擇器
  fullscreenButton:true,//是否顯示全屏按鈕
  geocoder:true,//是否顯示geocoder工具，右上角地名查詢按鈕
  homeButton:true,//是否顯示Home按鈕
  infoBox:false,//是否顯示資訊框
  sceneModePicker:true,//是否顯示3D/2D選擇器
  selectionIndicator:true,//是否顯示選取指示器元件
  timeline:false,//是否顯示時間軸
  navigationHelpButton:false,//是否顯示右上角的説明按鈕
  scene3DOnly:false,//投影方式，如果設置為true，則所有幾何圖形以3D模式繪製節約GPU資源
  clock:new Cesium.Clock(),//用於控制當前時間的時鐘物件
  <!-- 以下為圖層的控制選項，僅baseLayerPicker設為true有意義 -->
  selectedImageryProviderViewModel : undefined,//當前圖層顯示模型
  imageryProviderViewModels : Cesium.createDefaultImageryProviderViewModels(),//可供BaseLayerPicker選擇的圖像圖層ProviderViewModel陣列
  selectedTerrainProviderViewModel : undefined,//當前地形圖層的顯示模型
  terrainProviderViewModels : Cesium.createDefaultTerrainProviderViewModels(),//可供BaseLayerPicker選擇的地形圖層ProviderViewModel陣列
});
viewer._cesiumWidget._creditContainer.style.display="none";//關閉LOGO浮水印
</script>
</body>
</html>

在这里插入图片描述