1 数据切片

目前遥感影像及数字高程模型切片主要包括gdal和ctb两种方式，相应的开源工具包可以在Cesium交流群（QQ群：115883691）中下载到。最近在进行Cesium本地影像与地形服务发布时，发现一款软件Cesiumlab。Cesiumlab是一款专为Cesium开源数字地球平台打造的免费数据处理工具集。目前包含地形数据处理、影像数据处理、点云数据处理、数据下载、建筑物矢量面处理、倾斜数据处理、三维场景(max,maya)处理、BIM数据(revit,ifc)处理等工具。同时提供一套java开发的数据服务器。形成从数据处理、服务发布、到代码集成的完整工具链。备注：Cesiumlab可以处理CGCS2000和WGS84坐标系数据，可借助ArcGIS实现。

1.1 影像处理

1.2 地形处理

2 Web应用服务器安装与配置

2.1 Tomcat安装及配置

2.2 IIS安装及配置

3 本地影像与地形服务发布

Cesium本地影像与地形服务发布的文件目录如下图所示，image_tiles与terrain_tiles分别为DOM切片数据和DEM切片数据。

test_Cesium.html源码如下：

<!DOCTYPE html>

<html lang="en">

<head>

  <!-- 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>Cesium本地影像与地形服务发布</title>

  <script src="Cesium-1.5.1/Build/Cesium/Cesium.js"></script>

  <link href="Cesium-1.5.1/Build/Cesium/Widgets/widgets.css" rel="stylesheet">

</head>

<body>

  <div id="cesiumContainer"></div>

  <script src="tiles.js"></script>

</body>

</html>

tiles.js源码如下：

//加载天地图在线地图

var tdtImagerLayerProvider = new Cesium.WebMapTileServiceImageryProvider({

    url: "http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles",

    layer: "tdtBasicLayer",

    style: "default",

    format: "image/jpeg",

    tileMatrixSetID: "GoogleMapsCompatibleg",

    show: true,

    credit: new Cesium.Credit("天地图全球影像服务"),

    subdomains: ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],

    tilingScheme: new Cesium.WebMercatorTilingScheme(),

    maximumLevel: 18

});

//加载本地影像数据

/*

var imageryProvider = new Cesium.UrlTemplateImageryProvider({

    url: "http://localhost:8888/image_tiles/{z}/{x}/{y}.png",

    tilingScheme: new Cesium.WebMercatorTilingScheme(),

    fileExtension: 'png',

    minimumLevel: 0,

    maximumLevel: 20

});

*/

//跨域操作-Cesiumlab影像服务

/*

var imageryProvider = new Cesium.UrlTemplateImageryProvider({

    url: 'http://localhost:9002/api/wmts/gettile/931e1757c93743199219badb10a2e0df/{z}/{x}/{y}',

    tilingScheme: new Cesium.WebMercatorTilingScheme(),

    minimumLevel: 0,

    maximumLevel: 20,

    credit: 'http://www.bjxbsj.cn',

}, {

    show: true

});

*/

//加载本地地形数据

var terrainLayer = new Cesium.CesiumTerrainProvider({

    url: "http://localhost:8888/terrain_tiles",

    // 请求照明

    requestVertexNormals: true,

    // 请求水波纹效果

    requestWaterMask: true

});

//查看器

var viewer = new Cesium.Viewer('cesiumContainer', {

    //需要进行可视化的数据源集合

    imageryProvider: tdtImagerLayerProvider,

    terrainProvider: terrainLayer,

});

//新增测试图层

var layers = viewer.scene.imageryLayers;

var showTest = layers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({

    url: "http://localhost:8888/image_tiles/{z}/{x}/{y}.png",

    tilingScheme: new Cesium.WebMercatorTilingScheme(),

    fileExtension: 'png',

    minimumLevel: 0,

    maximumLevel: 20

}));

//设置边界矩形框

//设定矩形框左上及右下点的经纬度坐标

var rectangle = new Cesium.Rectangle(Cesium.Math.toRadians(xx1), Cesium.Math.toRadians(yy1),

Cesium.Math.toRadians(xx2), Cesium.Math.toRadians(yy1));

//视图切换到指定区域

viewer.scene.camera.flyTo({ destination: rectangle });

web.config源码如下：

<?xml version="1.0" encoding="UTF-8"?>

<configuration>

  <system.webServer>

    <directoryBrowse enabled="true" />

    <staticContent>

      <mimeMap fileExtension=".terrain" mimeType="application/vnd.quantized-mesh" />

      <mimeMap fileExtension=".json" mimeType="application/json" />

    </staticContent>

        <httpProtocol>

            <customHeaders>

                <add name="Access-Control-Allow-Headers" value="Content-Type, api_key, Authorization" />

                <add name="Access-Control-Allow-Origin" value="*" />

            </customHeaders>

        </httpProtocol>

  </system.webServer>

  <system.web>

    <compilation debug="true" />

  </system.web>

</configuration>

4 参考资料

Cesium本地影像与地形服务发布的更多相关文章

远程连接服务器影像文件进行服务发布以及问题解决【the data item is inaccessible】
场景模拟: 本机安装有arcgis desktop以及arcgis server10.1,server的站点账号为arcgis. 需要发布影像服务并进行切片,使用的影像数据存放在远程服务器上,影像较大 ...
CesiumJS 2022^ 原理[4] - 最复杂的地球皮肤影像与地形的渲染与下载过程
目录 API 回顾 1. 对象层级关系 1.1. Scene 中特殊的物体 - Globe 1.2. 地球 Globe 与椭球 Ellipsoid 1.3. 瓦片四叉树 - QuadtreePrimi ...
dubbo源码之四——dubbo服务发布
dubbo版本:2.5.4 服务发布是服务提供方向注册中心注册服务过程,以便服务消费者从注册中心查阅并调用服务. 服务发布方在spring的配置文件中配置如下: <bean id="d ...
WCF服务发布到IIS时候，只能根据hostname访问，不能根据IP地址访问的解决办法
本文转载:http://www.cnblogs.com/deerbox/archive/2013/05/13/3076248.html 环境: VS2010 sp1,.net framework 4. ...
NuGet的本地服务器安装与Package的发布
NuGet的本地服务器安装与Package的发布主要的步骤是按照下面的例子来做的: NuGet学习笔记(1)——初识NuGet及快速安装使用 NuGet学习笔记(2)——使用图形化界面打包自己的类库 ...
dubbo框架揭秘之服务发布
通常情况下是通过Spring配置的方式去实现服务的发布,为了方便调试,我就不采用Spring配置的方式. DemoService demo = new DemoServiceImpl(); Appli ...
Dubbo源码学习--服务发布（ServiceBean、ServiceConfig）
前面讲过Dubbo SPI拓展机制,通过ExtensionLoader实现可插拔加载拓展,本节将接着分析Dubbo的服务发布过程. 以源码中dubbo-demo模块作为切入口一步步走进Dubbo源码. ...
Dubbo源码学习--服务发布（DubboProtocol、Exporter）
在Dubbo服务发布的整体流程一文中,只是分析了服务发布的整体流程,具体的细节还没有进一步分析.本节将继续分析服务暴露的过程.在ServiceConfig中通过一句话即可暴露服务,如下: Export ...
dubbo 源码学习1 服务发布机制
1.源码版本:2.6.1 源码demo中采用的是xml式的发布方式,在dubbo的 DubboNamespaceHandler 中定义了Spring Framework 的扩展标签,即 <dub ...

随机推荐

DOM常用操作，Sass基础
一个元素的子元素个数ParentNode.childElementCount 只读属性返回一个无符号长整型数字,表示给定元素的子元素数. 取消当前事件e.preventDefault();有时候我们选 ...
linux用户权限管理, chmod, ln
1 /etc/passwd文件用户名密码 UID GID Full Name 主目录 ...
Activiti7工作流+SpringBoot
文章目录一. Activiti相关概念 1. Activiti介绍 2. 核心类 2.1 ProcessEngine 2.2 服务(Service)类 2.2.1 TaskService 2.2.2 ...
laravel 是怎么做到运行 composer dump-autoload 不清空 classmap 映射关系的呢？
我看 laravel 的 composer.json 文件 autoload 也没配置 vendor/autoload_classmap.php 里的映射关系,正常来说,如果没有配置,执行 compo ...
Vue之webpack的安装与配置及其简单应用
一.文件结构二.index.html <!DOCTYPE html> <html lang="en"> <head> <meta cha ...
VisualStudio 使用多个环境进行调试
在 VisualStudio 2017 支持使用 launchSettings.json 文件定义多个不同的环境进行调试先给大家一张图看一下效果可以看到原来的是启动的按钮,现在被我修改为 lind ...
java 文件过滤器 java.io.FilenameFilter
File 类里有方法: String[] list(FilenameFilter filter) 返回一个字符串数组,这些字符串指定此抽象路径名表示的目录中满足指定过滤器的文件和目录. File ...
css3动画@keyframes示例
.active { animation: chuiziza 0.5s ease 1 forwards; } .feijindan { display: block; animation: fei 2s ...
D Thanking-Bear magic
题目描述 In order to become a magical girl, Thinking-Bear are learning magic circle. He first drew a reg ...
关于git命令
1在自己电脑上生成一个密钥然后给老大,老大在github上设置后,你这台电脑才可以访问他的项目ssh-keygen -t rsa -C <邮件名称> ------->获取秘钥 cat ...

Cesium本地影像与地形服务发布