@

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安装及配置

  1. Tomcat安装、配置与使用
  2. Tomcat安装及配置教程
  3. Tomcat解决跨域问题

2.2 IIS安装及配置

  1. win7系统要怎样安装和配置信息服务（IIS）
  2. Win10 IIS Web服务器安装与配置
  3. CORS .net 跨域解决方案
  4. 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 参考资料

  1. CesiumLab地形处理成果在Tomcat和IIS上发布
  2. Cesium中地形数据的加载
  3. Cesium官方教程4--影像图层
  4. Cesium官方教程5--地形图层
  5. Cesium:局域网离线影像及瓦片影像地图加载
  6. Cesium加载几种离线和在线地图
  7. Cesium离线切片地图服务器搭建和代码实现

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

  1. 远程连接服务器影像文件进行服务发布以及问题解决【the data item is inaccessible】

    场景模拟: 本机安装有arcgis desktop以及arcgis server10.1,server的站点账号为arcgis. 需要发布影像服务并进行切片,使用的影像数据存放在远程服务器上,影像较大 ...

  2. CesiumJS 2022^ 原理[4] - 最复杂的地球皮肤 影像与地形的渲染与下载过程

    目录 API 回顾 1. 对象层级关系 1.1. Scene 中特殊的物体 - Globe 1.2. 地球 Globe 与椭球 Ellipsoid 1.3. 瓦片四叉树 - QuadtreePrimi ...

  3. dubbo源码之四——dubbo服务发布

    dubbo版本:2.5.4 服务发布是服务提供方向注册中心注册服务过程,以便服务消费者从注册中心查阅并调用服务. 服务发布方在spring的配置文件中配置如下: <bean id="d ...

  4. WCF服务发布到IIS时候，只能根据hostname访问，不能根据IP地址访问的解决办法

    本文转载:http://www.cnblogs.com/deerbox/archive/2013/05/13/3076248.html 环境: VS2010 sp1,.net framework 4. ...

  5. NuGet的本地服务器安装与Package的发布

    NuGet的本地服务器安装与Package的发布 主要的步骤是按照下面的例子来做的: NuGet学习笔记(1)——初识NuGet及快速安装使用 NuGet学习笔记(2)——使用图形化界面打包自己的类库 ...

  6. dubbo框架揭秘之服务发布

    通常情况下是通过Spring配置的方式去实现服务的发布,为了方便调试,我就不采用Spring配置的方式. DemoService demo = new DemoServiceImpl(); Appli ...

  7. Dubbo源码学习--服务发布（ServiceBean、ServiceConfig）

    前面讲过Dubbo SPI拓展机制,通过ExtensionLoader实现可插拔加载拓展,本节将接着分析Dubbo的服务发布过程. 以源码中dubbo-demo模块作为切入口一步步走进Dubbo源码. ...

  8. Dubbo源码学习--服务发布（DubboProtocol、Exporter）

    在Dubbo服务发布的整体流程一文中,只是分析了服务发布的整体流程,具体的细节还没有进一步分析.本节将继续分析服务暴露的过程.在ServiceConfig中通过一句话即可暴露服务,如下: Export ...

  9. dubbo 源码学习1 服务发布机制

    1.源码版本:2.6.1 源码demo中采用的是xml式的发布方式,在dubbo的 DubboNamespaceHandler 中定义了Spring Framework 的扩展标签,即 <dub ...

随机推荐

  1. Jieba分词包（一）——解析主函数cut

    1. 解析主函数cut Jieba分词包的主函数在jieba文件夹下的__init__.py中,在这个py文件中有个cut的函数,这个就是控制着整个jieba分词包的主函数.    cut函数的定义如 ...

  2. 全面解读Python Web开发框架Django，利用Django构建web应用及其部署

    全面解读Python Web开发框架Django Django是一个开源的Web应用框架,由Python写成.采用MVC的软件设计模式,主要目标是使得开发复杂的.数据库驱动的网站变得简单.Django ...

  3. Spring Boot 动态数据源（多数据源自动切换）

    本文实现案例场景: 某系统除了需要从自己的主要数据库上读取和管理数据外,还有一部分业务涉及到其他多个数据库,要求可以在任何方法上可以灵活指定具体要操作的数据库. 为了在开发中以最简单的方法使用,本文基 ...

  4. H3C 帧中继虚电路

  5. java TreeSet的排序之定制排序

    TreeSet的自然排序是根据元素的大小进行升序排序的,若想自己定制排序,比如降序排序,就可以使用Comparator接口了: 该接口包含int compare(Object o1,Object o2 ...

  6. P1101 走迷宫一

    题目描述 大魔王抓住了爱丽丝,将她丢进了一口枯井中,并堵住了井口. 爱丽丝在井底发现了一张地图,他发现他现在身处一个迷宫当中,从地图中可以发现,迷宫是一个N*M的矩形,爱丽丝身处迷宫的左上角,唯一的出 ...

  7. Callable Objects

    We learned in 7.11 that there are "array-like" objects that are not true arrays but can be ...

  8. H3C擦除配置

  9. 2018-11-17-win10-uwp-在-xaml-让-TextBlock-换行

    title author date CreateTime categories win10 uwp 在 xaml 让 TextBlock 换行 lindexi 2018-11-17 16:2:29 + ...

  10. FreeSql配合仓储实现软删除

    该篇内容由个人博客点击跳转同步更新!转载请注明出处! 前段时间使用FreeSql作为ORM,写了一个简单的CMS,在这里总结一下其中的使用心得. 仓储配合全局过滤器 1. 统一的删除标志 如:数据库字 ...