随笔分类 -  GIS

摘要：简介：优化绘制点、线，面鼠标位置获取精度。支持3dties，gltf model，以及box等Geometry Entity上的位置拾取。 测试代码 <template> <div class="dog"> <div id="cesiumContainer" style="width: 100%; 阅读全文

摘要：<template> <div id="cesiumContainer"></div> </template> <script> export default { data() { return {}; }, components: {}, computed: {}, created() {}, m 阅读全文

摘要：原文链接：https://cesium.com/blog/2022/03/08/cesium-story-depicts-damage-in-ukraine/ cesium-stories：https://cesium.com/platform/cesium-ion/cesium-stories/ 阅读全文

摘要：一、概述 本文主要介绍Cesium对WMS地图服务GetFeatureInfo接口的调用过程。 示例中介绍的WMS地图服务采用GeoServer发布。 二、WMS地图服务 Web地图服务（Web Map Service，简称WMS）将地理信息动态生成空间参考数据的地图。 WMS提供了一个简单的HTT 阅读全文

摘要：一、概述 题目来源于leetcode。 二、思路 先通过快速排斥试验判断以线段为对角线的矩形是否相交，不相交则无交点；再判断线段是否跨立；再判断是否共线，并计算交点；线段相交，根据三角形面积和定比分点公式计算交点坐标。 三、代码 /** * @param {number[]} start1 * @p 阅读全文

摘要：本教程将向您介绍Primitive API 的 Geometry & Appearances（几何体和外观）系统。 这是一个高级主题，用于通过自定义网格、形状、体积和外观扩展CesiumJS，并不适合Cesium初学者。 阅读全文

摘要：//Cesium坐标转换相关 苹果园dog add export var cesiumCoordUtil = { degreeToCartesian3: function (lon, lat, alt) { //经纬度转换为世界坐标 var ellipsoid = viewer.scene.glob 阅读全文

摘要：在Cesium和其他三维开发中中经常用到矩阵变换。比如将一个物体移动、缩放、平移都可以用变换矩阵来计算。 再比如将三维场景中的物体转换为屏幕上显示的二维图形，需要用到透视投影（perspective projection）矩阵。 变换（tansformation）是一个函数，实现将一个空间坐标映射为另一个空间坐标，矩阵（matrix）是这种计算的一种方式，在三维开发中用途广泛。 阅读全文

摘要：一、效果 1、水流效果 2、曲线插值 3、流动箭头线 4、飞鸟 二、代码 鸟 /* * @Author: 苹果园dog * @Date: 2021-04-07 10:14:19 * @LastEditTime: 2021-04-12 18:39:52 * @LastEditors: Please s 阅读全文

摘要：Cesium 模拟水淹分析。 这是采用polygon加高度模拟出来的，extrudedHeight是高度。 阅读全文

摘要：绘制polyline、polygon，然后计算距离和面积，然后显示标签 双击结束绘制，右键结束绘制。 阅读全文

摘要：1、简介： Cesium 三维漫游，按路径漫游。 支持飞行控制，包括视角跟随和俯视，速度和高度控制等； 支持绘制线路，线路保存到列表中； 支持选择线路列表中的线路进行漫游； 二、代码 function doFly() { if(pathsData && pathsData.geometry){ va 阅读全文

摘要：可通过 Cesium.ImageryProvider 的 tilingScheme 进行设置。 WGS84、火星坐标系、2000等坐标系的坐标动态变换。 阅读全文

摘要：一、简介 GDAL是栅格和矢量地理空间数据格式的转换器库，由开源地理空间基金会根据X / MIT样式的开源许可证发布。作为一个库，它为调用的应用程序提供了所有支持格式的单个栅格抽象数据模型和单个矢量抽象数据模型。它还带有用于数据转换和处理的各种有用的命令行实用程序。 二、配置 1、下载编译好的GDA 阅读全文

摘要：1、介绍 Pannellum是用于Web的轻量级，免费和开放源代码的360全景图片查看器。它是使用HTML5，CSS3，JavaScript和WebGL构建的，没有插件。 提供了大图片切片工具generate.py Python脚本，可展示多分辨率图片。 2、影像切片 也可以不切片，但是图片太大就要 阅读全文

摘要：Cesium 视锥体绘制，并动态更新朝向 阅读全文

摘要：//添加卫星 function addSatellite() { satellite.curRouteLine = viewer.entities.add({ name: "satelliteline", polyline: { positions: new Cesium.CallbackPrope 阅读全文

摘要：webgl提供了一种很方便的机制，即缓冲区对象（buffer object），它可以一次性地向着色器传入多个顶点的数据。 缓冲区对象是是webgl中的一块内存区域，我们可以一次性向缓冲区对象填充大量的顶点数据，然后将这些数据保存在其中，共着色器使用。 我们在initVertexBuffers函数中利用缓冲区对象向顶点着色器传输了多个顶点的数据，所以还需要第三个参数告诉gl.drawArray()函数 需要绘制多少个顶点。webgl系统并不知道缓冲区中有多少个顶点数据，所以应该显示告知。 使用缓冲区对象向顶点着色器传输多个顶点数据的五个步骤 1、创建缓冲区对象（gl.createBuffer()） 2、绑定缓冲区对象(gl.bindBuffer()) 3、将数据写入缓冲区对象(gl.bufferData()) 4、将缓冲区对象分配给一个attribute变量（gl.vertexAttribPointer（）） 5、开启attribute变量（gl.enableVetexAttribArray()） 阅读全文

摘要：WebGL中的绘制操作实际上是在颜色缓冲区中绘制的，绘制结束后系统将缓冲区中的内容显示在屏幕上， 然后颜色缓冲区就会被重置，其中的内容会丢失。因此我们有必要将每次鼠标点击的位置保存下来。 将浏览器绘图区坐标系下的坐标转换为webgl坐标系下的坐标，然后绘制。 阅读全文

摘要：<!-- * @Author: 苹果园dog * @Date: 2020-11-13 14:48:40 * @LastEditTime: 2020-11-18 10:26:31 * @LastEditors: Please set LastEditors * @Description: In Use 阅读全文