WebGISer_白茶乌龙桃-优快云博客

原创浏览器同源策略：从“源”到安全限制的全面解析

在浏览器中，“源”是 Web 安全的核心概念。一个“源”由三部分组成协议（Protocol）：如http://https://ftp://域名（Host）：如端口（Port）：如:80（HTTP 默认）、:443（HTTPS 默认）示例和是同源（端口隐式相同）。和是不同源（协议、子域名不同）。同源（Same Origin）：两个 URL 的协议、域名、端口完全一致。异源（Cross-Origin）：任意一部分不同即为异源。判断示例URL1URL2是否同源✅ 是。

2025-01-29 21:58:31 1819

原创 Cesium Cesium3DTile API 介绍

这些建筑物的数据很庞大，无法一次性加载全部，所以下来的数据是分割成多个瓦片的，每个瓦片包含一部分城市的数据。在 3D Tiles 中，数据被分割成多个瓦片（tiles），每个瓦片包含一小部分场景的几何数据和其他信息。是与 3D Tiles 数据集中的单个瓦片（tile）相关的类。就是一个瓦片对象，它用于描述这些几何体数据如何加载、渲染以及如何在场景中与其他瓦片一起展示。就是这些瓦片的一部分，包含了建筑物的几何数据。当瓦片被加载后，它的。类中的很多属性和方法是与瓦片的渲染、加载和父子关系相关的。

2025-01-26 11:51:07 694

原创 Cesium ArcGisMapServerImageryProvider API 介绍

在Cesium中，通过使用这个API，你可以将ArcGIS提供的地图服务直接集成到3D地图中。是一个非常有用的API，它允许开发者使用由ArcGIS MapServer提供的切片图像作为背景图层。这个API对于需要在Web应用中整合ArcGIS地图服务的开发者来说，提供了一个便捷的接口。就像你在地图上铺了一层卫星图像，然后在上面展示你的3D模型，用户可以从全球任何角度查看你的模型，背景都是清晰的卫星图像。方法加载 ArcGIS 的卫星图层，然后让用户在虚拟世界中“飞行”，同时看到真实世界的卫星影像。

2025-01-25 21:20:35 1594

原创 Cesium Appearance API 介绍

类在 Cesium 中应用非常广泛，主要用于控制几何体的外观，尤其是在自定义渲染效果时。在展示一个城市的 3D 模型时，你可能希望给建筑物设置不同的材质效果，让建筑物根据不同的光照条件显示不同的效果；它负责提供完整的 GLSL 顶点着色器和片段着色器代码，以及渲染状态，这些都决定了一个原始图形（Primitive）如何被渲染出来。比如，决定一个模型是透明的还是不透明的，或者它是否应该有某种特殊的材质效果。就是图形的“外表”，它让原始几何体不仅仅是一个点、线或面，而是拥有了颜色、纹理、透明度等可视化效果。

2025-01-25 21:12:24 893

原创 Cesium AnchorPointDirect API 介绍

它是 Cesium 中用于处理地理锚点的 API。是 Cesium 的模型扩展的一部分，特别用于处理全球定位模型（GPM）框架中的锚点。

2025-01-25 20:57:05 767

原创使用 Cesium 查询属性名与属性值

在我最近的项目中，我开发一个，目的是通过来渲染地下管网的 3D 模型，并实现属性查询功能。由于这是一个，不依赖后端服务器来查询属性，因此我选择使用，直接从 3D Tiles 数据中提取属性名并进行属性查询。在这个过程中，我的管网模型被切分成了格式，瓦片为文件，并且包含，用于存储每个模型实例的属性信息。在这篇博客中，我将分享如何利用 Cesium 的接口，通过图层名动态获取属性名，并进一步基于属性名和属性值查询管网信息。在使用渲染 3D Tiles 数据时，文件结构至关重要。

2024-12-31 17:39:39 641

原创解决在 Cesium 中加载 QGIS 瓦片地图错乱的问题

作为一个研究生，平时接触到很多地理信息系统（GIS）相关的技术，最近在使用和时遇到了一些挑战，今天想分享一下我的经验，尤其是如何解决在中加载导出的瓦片地图时出现的地图错乱问题。

2024-12-26 11:45:53 1668

原创开发移动应用的快速指南：从 Quasar CLI 到 Capacitor

在 Web 应用开发中，是一个非常强大的框架，它可以帮助你轻松创建响应式的网页、桌面应用以及移动应用。通过 Quasar CLI 的模式，我们可以快速地将一个 Quasar 项目转化为移动应用，并且支持和平台。如果你已经在使用 Quasar CLI 并且熟悉基础的网页开发流程，那么将 Quasar 项目转换成一个移动应用将变得非常简单。下面，我将带你一步步完成从搭建 Quasar 项目到开发移动应用的整个流程。

2024-12-25 16:15:55 1068

原创揭开 Cesium 坐标系统的神秘面纱——从 GIS 到虚拟地球的探索

在开始聊 Cesium 之前，我们得先了解一下什么是坐标系统，尤其是 GIS 中的坐标系统。坐标系统是用来描述地理空间中点的位置的，它相当于地球上的“身份证”。用它可以帮助我们精确定位任何一个地点，从北京的故宫到亚马逊的热带雨林，都可以通过坐标系统告诉我们它具体在哪里。地理坐标系统（Geographic Coordinate System, GCS）经纬度：最常见的坐标系统就是通过经度（Longitude）和纬度（Latitude）来定义位置。经度表示东西位置，纬度表示南北位置。

2024-12-25 15:59:19 707

原创快速搭建 Quasar CLI

今天的文章就是带你一步步搭建一个 Quasar 项目，让你用最少的时间开始开发。Quasar 基于 Vue.js，它提供了一套完整的开发工具和 UI 组件库，帮你快速搭建高效、漂亮的应用程序。命令执行完后，Quasar 会开始构建你的应用，编译完成后它会自动在浏览器中打开项目页面。如果想更方便地管理 Quasar 项目，可以安装全局 CLI，这样你就可以在任何地方通过命令行执行 Quasar 相关操作了。，Quasar 都能满足你的需求，特别适合像我们这种研究生，用来快速实现一个功能齐全的项目。

2024-12-25 15:15:25 775

原创 cesium坐标测量，高度差测量

因为我做的是capacitor移动端，发现点击只有Cesium.ScreenSpaceEventType.LEFT_DOWN可以用，我就放了一个按钮用来停止。一共有6个图上测量功能，这篇文章先分享坐标测量和高度测量的代码。希望大家点点关注，可以多多交流！

2024-12-23 12:29:22 701 1

原创 cesium移动端capacitor读取本机文件

官方文档里对于Directory写的很详细，因为我要自行拷贝数据进平板，于是我选择了External，这个路径在Android/data/（你的软件包名）/files/里面，贴上我的代码。方法需要网络形式的 URL，而平板本地的文件路径无法直接满足此需求，因此本地的文件路径要转换为 Cesium 可识别的网络路径。最近做cesium移动端，地图瓦片，地形瓦片，模型都需要拷贝进荣耀平板里读取。这样就可以获取到文件的url，但是 Cesium 的。这样就可以用cesium读取各个地图瓦片，地形和模型了。

2024-12-20 12:21:07 466

原创 Capacitor GeoLocation 插件和 Web API 实现地理定位的记录

WebGIS研究生今日早餐：牛肉包+烧卖，外加一杯温热的燕麦豆奶，9点半到工位开始工作。今天在做地下管网可视化时需要一个实时定位的功能，我需要用 Capacitor 和 Cesium.js 实现一个基于地理定位的 3D 地图功能。项目的主要功能包括实时获取用户位置并在 Cesium 场景中同步更新相机位置。功能看似简单，但实现过程中却经历了一番波折，以下是我的踩坑经历。

2024-12-17 12:50:49 490

原创 cesium拾取管网属性功能

但是现在遇到一些问题，就是在选择完Feature，显示完属性后，cesium场景开始极度卡顿，目前没有找到原因，有没有大神可以交流赐教！最近在做移动端地下管网可视化系统时，做到一个属性查询功能。就是拾取一根管道，读取该管道属性并显示。接口），并将这些属性动态展示到页面的指定区域。接口，监听鼠标点击事件，使用。（要素），提取其属性信息（通过。

2024-12-16 12:06:26 401

原创 WebGIS 技术开发地下管网可视化系统

作为一名测绘工程专业的研究生，我一直对地理空间技术与实际应用的结合非常感兴趣。最近，我在开发一个地下管网可视化系统。这个项目是一个移动终端应用程序，旨在离线工作，解决现场检查人员在网络连接有限或没有网络连接的地区面临的挑战。现场条件往往缺乏稳定的互联网连接，尤其是在偏远或城市地下环境中。目前系统开发了大半，之前没有做过cesium在移动端的应用，中间踩了很多大坑，好在都一一解决了。分享一下我的部分系统截图。为了确保在各种移动设备上保持一致且精致的 UI，我选择了 Quasar 框架；前端选择了vue框架；

2024-12-12 22:27:19 394

qq_61140658的博客