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 ...

随机推荐

怎样打开.jar格式文件，怎样运行.jar格式文件
当时第一次看到.jar文件不知道是什么鬼,以为是压缩包,直接就解压了,但是并没有什么用.所以在下为大家详细介绍如何打开.jar文件以及如何运行.jar文件.什么是.jar文件,简单的说就是java压缩 ...
Python--day65--模板语言之变量相关语法
Django的模板语言: 1.目前已经学过的模板语言: 2,模板语言总结: 常用语法只需要记两种特殊符号: {{ }}和 {% %} 变量相关的用{{}},逻辑相关的用{%%}. 变量在Djan ...
【React】百度地图API
百度地图开发文档 :http://lbsyun.baidu.com/index.php?title=jspopular 调用接口需要内置加载一个百度api文件使用自己的ak 申请一个 ...
spring security自定义指南
序本文主要研究一下几种自定义spring security的方式主要方式自定义UserDetailsService 自定义passwordEncoder 自定义filter 自定义Authent ...
java 打印流
(只有两个,PrintWriter和PrintStream) 思考:如果现在要想完成一个字符串或者是boolean型或者是字符型的数据输出使用OutputStream是否方便? 肯定是不方便的,因为O ...
【js】 vue 2.5.1 源码学习（五） props directives规范化 props 合并策略
大体思路 (四) 上节回顾: A: 对于生命周期函数将父子组件的函数放到一个数组里面,特定时间点调用,保证父子组件函数都调用到. B: 对于directive,filters,components 等 ...
解决 npm run dev b报错 “'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序或批处理文件。”
摘自:https://www.cnblogs.com/laraLee/p/9174383.html 前提: 电脑已经安装了nodeJS和npm, 项目是直接下载的zip包. 在项目目录下运行“npm ...
C# 高级面试题
很少会有人可以答对,如果你遇到一个来面试的人实在嚣张,就可以用本文的题去打击本文内容就看着玩,请不要在严肃的面试中问题这样的题目如果面试到一个人可以回答出下面的题目也不能证明他的技术很强,只能说明 ...
Nginx与PHP交互过程 + Nginx与PHP通信的两种方式
一.Nginx与PHP交互过程的7步走(用户对动态PHP网页访问过程) step1:用户将http请求发送给nginx服务器(用户和nginx服务器进行三次握手进行TCP连接) step2:nginx ...
Mybatis 框架
在之前的内容中,我写了Java的基础知识.Java Web的相关知识.有这些内容就可以编写各种各样丰富的程序.但是如果纯粹手写所有代码,工作量仍然很大.为了简化开发,隐藏一些不必要的细节,专心处理业务 ...

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