cesiumlab切片通过arcgisjs加载
cesiumlab切片通过arcgisjs加载
需要注意2个地方，一个是tileInfo，一个是getTileUrl，
在tileInfo中定义好cesiumlab切片的相关信息。
getTileUrl 格式化url的格式。
注意设置编辑，避免超出范围报404。
<html lang="en"><head><meta charset="utf-8" /><meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /><title>WebTileLayer</title><style>html,body,#viewDiv {padding: 0;margin: 0;height: 100%;width: 100%;}</style><link rel="stylesheet" href="http://localhost:8093/arcgis/4.28/esri/themes/light/main.css" /><script src="http://localhost:8093/arcgis/4.28/init.js"></script><script>var bashUrl = "http://localhost:8093/cesiumKlmy"var url = "/{z}/{x}/{y}.png";require(["esri/Map", "esri/views/SceneView", "esri/layers/WebTileLayer", "esri/geometry/SpatialReference", 'esri/layers/support/TileInfo'],(Map, SceneView, WebTileLayer, SpatialReference, TileInfo) => {const tileInfo = new TileInfo({dpi: 90.71428571428571,format: "image/png",spatialReference: new SpatialReference({wkid: 4326,}),origin: {x: -180,y: 90},lods:[{level: 0,levelValue: 1,resolution: 0.703125,scale: 295497593.05875003},{level: 1,levelValue: 2,resolution: 0.3515625,scale: 147748796.52937502},{level: 2,levelValue: 3,resolution: 0.17578125,scale: 73874398.264687508},{level: 3,levelValue: 4,resolution: 0.087890625,scale: 36937199.132343754},{level: 4,levelValue: 5,resolution: 0.0439453125,scale: 18468599.566171877},{level: 5,levelValue: 6,resolution: 0.02197265625,scale: 9234299.7830859385},{level: 6,levelValue: 7,resolution: 0.010986328125,scale: 4617149.8915429693},{level: 7,levelValue: 8,resolution: 0.0054931640625,scale: 2308574.9457714846},{level: 8,levelValue: 9,resolution: 0.00274658203125,scale: 1154287.4728857423},{level: 9,levelValue: 10,resolution: 0.001373291015625,scale: 577143.73644287116},{level: 10,levelValue: 11,resolution: 0.0006866455078125,scale: 288571.86822143558},{level: 11,levelValue: 12,resolution: 0.00034332275390625,scale: 144285.93411071779},{level: 12,levelValue: 13,resolution: 0.000171661376953125,scale: 72142.967055358895},{level: 13,levelValue: 14,resolution: 8.58306884765625e-005,scale: 36071.483527679447},{level: 14,levelValue: 15,resolution: 4.291534423828125e-005,scale: 18035.741763839724},{level: 15,levelValue: 16,resolution: 2.1457672119140625e-005,scale: 9017.8708819198619},{level: 16,levelValue: 17,resolution: 1.0728836059570313e-005,scale: 4508.9354409599309},{level: 17,levelValue: 18,resolution: 5.3644180297851563e-006,scale: 2254.4677204799655},{level: 18,levelValue: 19,resolution: 2.68220901489257815e-006,scale: 1127.23386023998275},{level: 19,levelValue: 20,resolution: 1.341104507446289075e-006,scale: 563.616930119991375},{level: 20,levelValue: 21,resolution: 6.705522537231445375e-7,scale: 281.8084650599956875},{level: 21,levelValue: 22,resolution: 3.3527612686157226875e-7,scale: 140.90423252999784375}]})// 创建WebTileLayer实例const mylayer = new WebTileLayer({urlTemplate: bashUrl + url,tileInfo: tileInfo,spatialReference: {wkid: 4326},// 设置边界，避免超出范围了请求后台报404fullExtent:new Extent({xmin:84.96650291898627,ymin:45.53639816676759,xmax:85.03257700820414,ymax:45.600000206741775,})});// 格式化urlmylayer.getTileUrl = function (level, row, col) {return this.urlTemplate.replace("{z}", level).replace("{x}", col).replace("{y}", row);}// 创建地图实例const map = new Map();// 创建视图实例const view = new SceneView({container: "viewDiv",map: map,// 中心点位置center: [85.03257700820414, 45.53639816676759],zoom: 10,spatialReference: new SpatialReference({wkid: 4326,})});map.add(mylayer, 0);})</script>
</head><body><div id="viewDiv"></div>
</body></html>
相关文章：
cesiumlab切片通过arcgisjs加载
cesiumlab切片通过arcgisjs加载 需要注意2个地方，一个是tileInfo，一个是getTileUrl， 在tileInfo中定义好cesiumlab切片的相关信息。 getTileUrl 格式化url的格式。 注意设置编辑，避免超出范围报404。 <html lang"en"…...
React16源码: React中调度之scheduleWork的源码实现
scheduleWork 1 ） 概述 在 ReactDOM.render, setState, forceUpdate 这几个方法最终都调用了 scheduleWork 这个方法 在 scheduleWork 当中，它需要去找到更新对应的 FiberRoot 节点 在使用 ReactDOM.render 的时候，传给 scheduleWork 的就是…...
【STM32】| 02——常用外设 | I2C
系列文章目录 【STM32】| 01——常用外设 | USART 【STM32】| 02——常用外设 | I2C 失败了也挺可爱，成功了就超帅。 文章目录 前言1. 简介2. I2C协议2.1 I2C物理连接2.2 I2C通信协议2.2.1 起始和停止信号2.2.2 数据有效性2.2.3 数据传输格式2.2.4 从机地址/数据方…...
微服务架构设计核心理论：掌握微服务设计精髓
文章目录 一、微服务与服务治理1、概述2、Two Pizza原则和微服务团队3、主链路规划4、服务治理和微服务生命周期5、微服务架构的网络层搭建6、微服务架构的部署结构7、面试题 二、配置中心1、为什么要配置中心2、配置中心高可用思考 三、服务监控1、业务埋点的技术选型2、用户行…...
.net core 6 集成和使用 mongodb
1、安装包 MongoDB.Driver 2、定义顶层类 /// <summary> /// monggodb规范 /// </summary> public abstract class MongoDBToolBase { /// <summary> /// 客户端 /// </summary> protected MongoClient mongoClient { get; private …...
07-微服务getaway网关详解
一、初识网关 在微服务架构中，一个系统会被拆分为很多个微服务。那么作为客户端要如何去调用这么多的微服务呢？如果没有网关的存在，我们只能在客户端记录每个微服务的地址，然后分别去调用。这样的话会产生很多问题，例…...
MS2660：L1 频段卫星导航射频前端低噪声放大器芯片
MS2660 是一款具有高增益、低噪声系数的低噪声放 大器（LNA）芯片，支持 L1 频段多模式全球卫星定位，可 以应用于 GPS、北斗二代、伽利略、Glonass 等 GNSS 导航 接收机中。芯片采用先进工艺制造，封装采用 2 mm 2 mm …...
微信小程序防止截屏录屏
一、使用css添加水印 使用微信小程序原生的view和css给屏幕添加水印这样可以防止用户将小程序内的隐私数据进行截图或者录屏分享导致信息泄露，给小程序添加一个水印浮层。这样即使被截图或者拍照，也能轻松地确定泄露的源头。效果图如下： 代码…...
126.（leaflet篇）leaflet松散型arcgis缓存切片加载
地图之家总目录（订阅之前必须详细了解该博客） arcgis缓存切片数据格式如下： 完整代码工程包下载，运行如有问题，可“私信”博主。效果如下所示： leaflet松散型arcgis缓存切片加载 下面献上完整代码，代码重要位置会做相应解释 <!DOCTYP...
物联网介绍
阅读引言： 本文从多方面叙述物联网的定义以及在物联网当中的各种通信的介绍。 一、物联网的定义 1.1 通用的定义 物联网（Internet of Things，IOT；也称为Web of Things）是指通过各种信息传感设 备，如传感器、…...
Flume 之自定义Sink
1、简介 前文我们介绍了 Flume 如何自定义 Source， 并进行案例演示，本文将接着前文，自定义Sink，在这篇文章中，将使用自定义 Source 和 自定义的 Sink 实现数据传输，让大家快速掌握Flume这门技术。 2、自定…...
【1】SM4 CBC-MAC 机制
0x01 题目 MSG1: e55e3e24a3ae7797808fdca05a16ac15eb5fa2e6185c23a814a35ba32b4637c2 MAC1: 0712c867aa6ec7c1bb2b66312367b2c8 ----------------------------------------------------- MSG2: d8d94f33797e1f41cab9217793b2d0f02b93d46c2ead104dce4bfec453767719 MAC2: 4366…...
响应式编程Reactor API大全（下）
Reactor 是一个基于响应式编程的库，主要用于构建异步和事件驱动的应用程序。Reactor 提供了丰富的 API，包括创建、转换、过滤、组合等操作符，用于处理异步数据流。以下是一些 Reactor 的主要 API 示例： pom依赖 <dependencyMan…...
【STM32】HAL库的STOP低功耗模式UART串口唤醒，解决首字节出错的问题（全网第一解决方案）
【STM32】HAL库的STOP低功耗模式UART串口唤醒，解决首字节出错的问题（全网第一解决方案） 前文： 【STM32】HAL库的STOP低功耗模式UART串口唤醒，第一个接收字节出错的问题（疑难杂症） 目前已解决 …...
Python 语法糖
一、基本概念 语法糖，可以理解为：“甜蜜” 的便捷语法。 它是编程语言为程序提供的更简洁、更易读的语法实现的语法结构，它并不影响语言的功能，仅仅是一种更便捷的书写方式。 这就像你制作蛋糕时，使用现代烤箱而不是…...
一个小程序跳转到另一个小程序中如何实现
小程序 保证两个小程序是一样的主体才可以跳转。怎么知道是不是同样的主体呢？ 小程序的后台管理-设置-基本设置-基本信息。查看主体信息。 跳转 <button clicktoOtherMini()>跳转到另一个小程序</button> function toOtherMini(){wx.navigateToMini…...
STM32+HAL库驱动ADXL345传感器（SPI协议）
STM32HAL库驱动ADXL345传感器（SPI协议） ADXL345传感器简介实物STM32CubeMX配置SPI配置片选引脚配置串口配置 特别注意（重点部分）核心代码效果展示 ADXL345传感器简介 ADXL345 是 ADI 公司推出的基于 iMEMS 技术的 3 轴、数字输出加…...
Redis实现全局唯一Id
一、全局唯一ID 每个店铺都可以发布优惠券： 当用户抢购时，就会生成订单并保存到tb_voucher_order这张表中，而订单表如果使用数据库自增ID就存在一些问题： id的规律性太明显 受单表数据量的限制 场景分析：如果我们的…...
【J-Flash基本使用总结】
【J-Flash基本使用总结】 VX：hao541022348 ■ 烧录文件■ 创建新的工程■ 烧录模式-SWD模式■ J-Flash下载程序到单片机 ■ J-Flash拼接多个hex或bin文件■ J-Flash读单片机的option byte■ J-Flash读单片机Flash数据■ 将读出来的文件用jflash烧录到其他的芯片■ 设…...
宝塔发布网站问题汇总和记录
1、添加网站站点后打不开 解决办法，关闭防跨站攻击2 2、laravel项目部署到linux的时候出现The stream or file "/home/www/storage/logs/laravel.log" could not be opened in append mode 给目录加权限 chmod -R 777 storage 3、Class "Redis"…...
业务系统对接大模型的基础方案：架构设计与关键步骤
业务系统对接大模型：架构设计与关键步骤 在当今数字化转型的浪潮中，大语言模型（LLM）已成为企业提升业务效率和创新能力的关键技术之一。将大模型集成到业务系统中，不仅可以优化用户体验，还能为业务决策提供…...
DeepSeek 赋能智慧能源：微电网优化调度的智能革新路径
目录 一、智慧能源微电网优化调度概述1.1 智慧能源微电网概念1.2 优化调度的重要性1.3 目前面临的挑战 二、DeepSeek 技术探秘2.1 DeepSeek 技术原理2.2 DeepSeek 独特优势2.3 DeepSeek 在 AI 领域地位 三、DeepSeek 在微电网优化调度中的应用剖析3.1 数据处理与分析3.2 预测与…...
VB.net复制Ntag213卡写入UID
本示例使用的发卡器：https://item.taobao.com/item.htm?ftt&id615391857885 一、读取旧Ntag卡的UID和数据 Private Sub Button15_Click(sender As Object, e As EventArgs) Handles Button15.Click轻松读卡技术支持:网站:Dim i, j As IntegerDim cardidhex, …...
在HarmonyOS ArkTS ArkUI-X 5.0及以上版本中，手势开发全攻略：
在 HarmonyOS 应用开发中，手势交互是连接用户与设备的核心纽带。ArkTS 框架提供了丰富的手势处理能力，既支持点击、长按、拖拽等基础单一手势的精细控制，也能通过多种绑定策略解决父子组件的手势竞争问题。本文将结合官方开发文档，…...
《从零掌握MIPI CSI-2: 协议精解与FPGA摄像头开发实战》-- CSI-2 协议详细解析 (一）
CSI-2 协议详细解析 (一） 1. CSI-2层定义（CSI-2 Layer Definitions） 分层结构 ：CSI-2协议分为6层： 物理层（PHY Layer） ： 定义电气特性、时钟机制和传输介质（导线&#…...
Linux相关概念和易错知识点（42）（TCP的连接管理、可靠性、面临复杂网络的处理）
目录 1.TCP的连接管理机制（1）三次握手①握手过程②对握手过程的理解 （2）四次挥手（3）握手和挥手的触发（4）状态切换①挥手过程中状态的切换②握手过程中状态的切换 2.TCP的可靠性&…...
python如何将word的doc另存为docx
将 DOCX 文件另存为 DOCX 格式（Python 实现） 在 Python 中，你可以使用 python-docx 库来操作 Word 文档。不过需要注意的是，.doc 是旧的 Word 格式，而 .docx 是新的基于 XML 的格式。python-docx 只能处理 .docx 格式…...
【JavaSE】绘图与事件入门学习笔记
-Java绘图坐标体系 坐标体系-介绍 坐标原点位于左上角，以像素为单位。 在Java坐标系中,第一个是x坐标,表示当前位置为水平方向，距离坐标原点x个像素;第二个是y坐标，表示当前位置为垂直方向，距离坐标原点y个像素。 坐标体系-像素 …...
RNN避坑指南：从数学推导到LSTM/GRU工业级部署实战流程
本文较长，建议点赞收藏，以免遗失。更多AI大模型应用开发学习视频及资料，尽在聚客AI学院。 本文全面剖析RNN核心原理，深入讲解梯度消失/爆炸问题，并通过LSTM/GRU结构实现解决方案，提供时间序列预测和文本生成…...
论文笔记——相干体技术在裂缝预测中的应用研究
目录 相关地震知识补充地震数据的认识地震几何属性 相干体算法定义基本原理第一代相干体技术：基于互相关的相干体技术（Correlation）第二代相干体技术：基于相似的相干体技术（Semblance）基于多道相似的相干体…...