加载多瓦片地图_Cesium多源数据加载之影像图层（一）

最新推荐文章于 2024-04-17 10:24:22 发布
VIP文章 最新推荐文章于 2024-04-17 10:24:22 发布
阅读量1.4k 收藏 5
点赞数
文章标签： 加载多瓦片地图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_29614791/article/details/112544085
版权

695bd10d603d45979dd96fd88c39994d.png

一、Cesium影像图层的体系结构

注：Imagery可以翻译为图像、影像，这里就统一翻译为影像，不是特指卫星影像数据。

1.1、ImageryProvider类

Cesium.ImageryProvider类及其子类封装了加载各种影像图层的方法，其中Cesium.ImageryProvider类是抽象类、基类或者可将其理解为接口，它不能被直接实例化。

可以将ImageryProvider看作是影像图层的数据源，我们想使用哪种影像图层数据或服务就用对应的ImageryProvider子类去加载。

ImageryProvider类及其子类的体系结构：

33ef2dfb7bdedce287867b5b7622d5db.png

1.2、ImageryLayer类

使用过桌面端GIS产品的同学都知道，一份GIS数据会被组织成图层符号化并渲染，数据相当于内在血液、内脏，信息量丰富，而图层相当于外在皮毛、衣服，用于呈现给外界。

Cesium同样将数据源组织成图层符号化并渲染，Cesium.ImageryLayer类就用于表示Cesium中的影像图层，它就相当于皮毛、衣服，将数据源包裹，它需要数据源为其提供内在丰富的地理空间信息和属性信息。

1.3、ImageryLayerCollection类

Cesium.ImageryLayerCollection类是ImageryLayer类对象的容器，它可以装载、放置多个ImageryLayer类对象，而且它内部放置的ImageryLayer类对象是有序的。

Cesium.Viewer类对象中包含的imageryLayers属性就是ImageryLayerCollection类的实例，它包含了当前Cesium应用程序所有的ImageryLayer类对象，即所有影像图层。

二、加载OpenStreetMap影像服务

笔者最常用的数据就是OSM数据，不管是OSM的矢量数据还是瓦片地图服务，总之用得最勤，那就先来讲讲怎么在Cesium中加载OSM的影像服务。

直接使用OpenStreetMapImageryProvider类加载即可，几行代码就搞定！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>OSM影像图层</title>
    <script src="https://cesium.com/downloads/cesiumjs/releases/1.65/Build/Ce
最低0.47元/天 解锁文章
一场孤独的旅行
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
利用 Nginx 服务搭建子域环境提升三维场景加载性能
SuperMap技术控
08-18 1167
Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。优点：稳定性强、功能集丰富、配置文件简单、系统资源消耗低、占用内存少、并发能力强、安装简单、启动特别容易，并且几乎可以做到7*24不间断运行，即使运行数个月也不需要重新启动。还能够不间断服务的情况下进行软件版本的升级。......
三维地球Cesium.js的研究
【代码有bug】
12-23 1108
好久没写东西了，刚刚前段时间有个业务需求是要用到cesium，百度了很多文章，总算实现了想要的效果，先记录了一下，以备后用。 先上图： 如上图所示，就是需要实现的效果。 一、下载cesium 这一点就不多说了，这里给出下载链接：cesium。 二、关于ysc ysc其实我也不太熟悉，但它却是是一个不错的东西，因为我需要的效果刚好在这里面有例子，只不过我改造了一下（其实就是加了点鼠标事件代码）。 ...
cesium加载高层级离线影像地图瓦片（天地图、19级Arcgis）
最新发布
OuNuo5280的博客
04-17 1093
下载高清离线地图瓦片，并cesium加载
Cesium多屏展示
计算机图形学
07-31 1679
欢迎关注微信公众号：GIS软件 分享地信测绘GIS前沿资讯、GIS教程、GIS矢量地图、GIS软件下载、GIS航空数据处理，交流GIS软件技巧。 支持对场景进行分屏显示，在不同的视口中对场景中的数据进行不同的操作 viewer.scene.multiViewportMode 其中 设置为0： 设置为1： 设置为2： 设置为3： 设置为4： 设置为5： 设置为其他值报错！ ...
基于Cesium的demo赏析（持续更新）
热门推荐
http://8.130.10.148:3000/digitaltwin/index.html
12-05 3万+
更新于2017.1.14Cesium的强大不用多说，所以有很多政府、组织基于cesium做了一些应用，其中不乏有很多优秀的示例，我们大都可以从中获得对自己的项目有益的东西。另：有的网站需要翻墙。 1.一个NASA的海洋风向可视化项目 网址：http://mwsci.jpl.nasa.gov/rapidscat/ 2.Cesium官网的一个滑雪的demo，里面还有视频播放 网址：http
Cesium模型裁切原理
qq_37987033的博客
08-27 3038
Cesium的官方示例中提供了3D模型裁切获取剖切面的示例，相信很多初次接触cesium的小伙伴第一次看时都会和我一样，虽然本地能跑起来，但是对整个流程缺乏整体的理解，也不清除原理和每一步是干啥，最近整理了一下这个流程并记录下来。......
Cesium支持加载百度地图源码可直接使用
04-13
很多小伙伴想要在Cesium里增加百度地图，现在源代码整理好了，需要的可以下载了，具体有什么问题可以私信我
cesium加载mvt 矢量瓦片
03-06
详细说明：https://blog.csdn.net/caozl1132/article/details/88106984
cesium加载百度地图
05-20
cesium加载百度地图方法
cesium加载天地图、高德地图以及水经注导出的瓦片地图
02-18
该资源适用于cesium初学者，为图层数据可视化功能提供参考
天地图离线瓦片，部分瓦片数据
11-26
cesium在在离线的环境下使用的天地图瓦片，网上的瓦片都需要通过下载各种地图下载器，让人头疼，
cesium根据不同层级大小，划分当前网格
irisMoon06的博客
05-05 889
【代码】cesium根据不同层级大小，划分当前网格。
SuperMap iClient3D for WebGL教程（影像篇）-ImageryLayerCollection
SuperMap技术控
04-22 1万+
作者：为梦齐舞 本文同步更新于简书文章https://www.jianshu.com/p/2d5f3e4070a6 上文中我们介绍了如何使用ImageryProvider，本章继续介绍ImageryLayerCollection。 ImageryLayerCollection是三维场景中管理影像的集合，主要用于对影像类图层进行管理。里面包含了场景中渲染的所有影像图层，也就是ImageryLay...
SuperMap iClient3D for WebGL多子域加载
weixin_45646117的博客
12-31 479
SuperMap iClient3D for WebGL支持多子域加载地形、影像、S3M以及MVT。下面我们来看看主要实现方式： 使用到的接口以及主要代码： 1、加载地形： var viewer = new Cesium.Viewer('cesiumContainer',{ terrainProvider:new Cesium.CesiumTerrainProvider({ url:'http://{s}/iserver/services/3D-SiC
《Cesium 基础知识点》- 设置图层顺序 ImageryLayer
前端技术
08-23 7120
一、说明 Cesium.ImageryProvider是基类，支持以下15 种类型 二、设置图层顺序 Cesium.ImageryLayerCollection中的方法 1.lower(layer) 说明 将图层向下移一层。 API 截图 示例 // viewer 是 Cesium.Viewer 对象，layer 是基于 Cesium.ImageryProvider 的图层 viewer.imageryLayers.lower(layer); 2. raise(lay...
cesium加载离线地形图和瓦片图
jian436的专栏
11-25 3038
地形数据https://blog.csdn.net/zhh763984017/article/details/114776917。瓦片数据https://gitee.com/CrimsonHu/java_map_download。瓦片的离线数据找了好久，才找到这个宝藏下载器。
Cesium入门（五）：加载WMTS瓦片地图服务
程序员猴小萌的博客
12-31 1万+
本章介绍Cesium JS库的WebMapTileServiceImageryProvider类，并以GeoServer为例演示了在CesiumViewer控件中添加瓦片图层的方法。
Cesium:局域网离线影像及瓦片影像地图加载
3S+BigData
03-04 2万+
软件环境： win10 太乐地图下载器4.6版本 cesium1.25 tomcat7 1，首先使用太乐地图下载器，破解版4.6，下载全球高德影像图，我下载1-7级，大概几百兆，比较快，第八级1个多G，指数级增长，学习阶段不需要太多。 下载操作：首先缩小地图，框选全球地图，双击，弹出下载页面，经纬度可以手动调整，-180,180 -90 90，确定即可下载。其它都默认。 2，下载完成
cesium 切换瓦片地图的加载方式
纯爱枫若情的博客
12-07 4303
cesium 切换瓦片地图的加载方式 如果你熟悉 cesium，那么你或多或少应该用过或者了解如何用 cesium 加载瓦片地图。 熟悉加载瓦片地图这本身不是一个太难的工作，一般来说，只要你照着官方的沙盒中的示例，一般都能轻松掌握。 但是问题是，只要你细心研究过，你就会发现，cesium 加载瓦片地图，居然是用 ajax 请求的方式来加载贴图的。 这种加载方式的优劣我们姑且不论，cesium 选择这种方式必然会有其意义所在。 但是问题是，为什么翻遍 api 和源码，都没有找到一个方式，可以更换贴图的加载方
cesium 加载离线瓦片地图
07-15
您可以使用Cesium来加载离线瓦片地图。下面是一些步骤可以帮助您实现这一目标： 1. 获取离线瓦片地图数据：您可以通过各种方式获取离线瓦片地图数据，例如使用ArcGIS、Mapbox或者其他地图提供商的工具来下载离线瓦片数据。确保您已经获得了包含瓦片图像的文件夹结构。 2. 设置Cesium环境：首先，将Cesium的JavaScript库文件引入到您的项目中。您可以从Cesium官方网站下载Cesium库文件，然后将其包含在您的HTML文件中。 3. 创建Cesium Viewer：在您的JavaScript代码中，创建一个Cesium Viewer实例，这将作为加载和显示地图的容器。 ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); ``` 4. 配置离线地图：使用Cesium的ImageryLayer概念，您可以将自定义的离线瓦片地图添加到Cesium Viewer中。使用`Cesium.createTileMapServiceImageryProvider`函数来创建一个ImageryLayer，指定地图数据的路径。 ```javascript var tileMapService = new Cesium.createTileMapServiceImageryProvider({ url: 'path/to/your/tilemapdata' }); viewer.imageryLayers.addImageryProvider(tileMapService); ``` 请将"path/to/your/tilemapdata"替换为您实际的瓦片地图数据路径。 5. 运行应用程序：保存并运行您的应用程序，您将能够在Cesium Viewer中加载和显示离线瓦片地图。 这些步骤应该能够帮助您加载离线瓦片地图。请注意，具体的实施步骤可能因您选择的离线瓦片地图来源和数据格式而有所不同。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值