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"…...
label-studio的使用教程(导入本地路径)
文章目录 1. 准备环境2. 脚本启动2.1 Windows2.2 Linux 3. 安装label-studio机器学习后端3.1 pip安装(推荐)3.2 GitHub仓库安装 4. 后端配置4.1 yolo环境4.2 引入后端模型4.3 修改脚本4.4 启动后端 5. 标注工程5.1 创建工程5.2 配置图片路径5.3 配置工程类型标签5.4 配置模型5.…...
多模态商品数据接口：融合图像、语音与文字的下一代商品详情体验
一、多模态商品数据接口的技术架构 （一）多模态数据融合引擎 跨模态语义对齐 通过Transformer架构实现图像、语音、文字的语义关联。例如，当用户上传一张“蓝色连衣裙”的图片时，接口可自动提取图像中的颜色（RGB值&…...
【SQL学习笔记1】增删改查+多表连接全解析（内附SQL免费在线练习工具）
可以使用Sqliteviz这个网站免费编写sql语句，它能够让用户直接在浏览器内练习SQL的语法，不需要安装任何软件。 链接如下： sqliteviz 注意： 在转写SQL语法时，关键字之间有一个特定的顺序，这个顺序会影响到…...
高危文件识别的常用算法：原理、应用与企业场景
高危文件识别的常用算法：原理、应用与企业场景 高危文件识别旨在检测可能导致安全威胁的文件，如包含恶意代码、敏感数据或欺诈内容的文档，在企业协同办公环境中（如Teams、Google Workspace）尤为重要。结合大模型技术&…...
ETLCloud可能遇到的问题有哪些？常见坑位解析
数据集成平台ETLCloud，主要用于支持数据的抽取（Extract）、转换（Transform）和加载（Load）过程。提供了一个简洁直观的界面，以便用户可以在不同的数据源之间轻松地进行数据迁移和转换。…...
ElasticSearch搜索引擎之倒排索引及其底层算法
文章目录 一、搜索引擎1、什么是搜索引擎？2、搜索引擎的分类3、常用的搜索引擎4、搜索引擎的特点二、倒排索引1、简介2、为什么倒排索引不用B+树1.创建时间长，文件大。2.其次，树深，IO次数可怕。3.索引可能会失效。4.精准度差。三. 倒排索引四、算法1、Term Index的算法2、 …...
leetcodeSQL解题：3564. 季节性销售分析
leetcodeSQL解题：3564. 季节性销售分析 题目： 表：sales ---------------------- | Column Name | Type | ---------------------- | sale_id | int | | product_id | int | | sale_date | date | | quantity | int | | price | decimal | -…...
中医有效性探讨
文章目录 西医是如何发展到以生物化学为药理基础的现代医学？传统医学奠基期（远古 - 17 世纪）近代医学转型期（17 世纪 - 19 世纪末）现代医学成熟期（20世纪至今） 中医的源远流长和一脉相承远古至…...
CRMEB 中 PHP 短信扩展开发：涵盖一号通、阿里云、腾讯云、创蓝
目前已有一号通短信、阿里云短信、腾讯云短信扩展 扩展入口文件 文件目录 crmeb\services\sms\Sms.php 默认驱动类型为：一号通 namespace crmeb\services\sms;use crmeb\basic\BaseManager; use crmeb\services\AccessTokenServeService; use crmeb\services\sms\…...
详细解析)
Caliper 负载(Workload)详细解析
Caliper 负载(Workload)详细解析 负载(Workload)是 Caliper 性能测试的核心部分，它定义了测试期间要执行的具体合约调用行为和交易模式。下面我将全面深入地讲解负载的各个方面。 一、负载模块基本结构 一个典型的负载模块(如 workload.js)包含以下基本结构： use strict;/…...