geojsondatasource cesium-geojson geojson cesium

获取全国GeoJSON和各省市GeoJSON数据下载

中国边界坐标集,包含刚澳台及钓鱼岛等,地图开发绘国境线使用。用ECharts或maptalks画区域地图的时候,需要geoJson,一个是阿里云停工了数据,第二个就是从高德地图获取数据。 ......
GeoJSON 数据 全国

gis经纬度坐标转换多格式兼容:支持字符串/数组/GeoJSON

格式 let coordinatesStrReg = /((-*[1][0-9]{0,2}|0)(\.[0-9]{1,6})*),\s{0,2}((-*[1-9][0-9]{0,1}|0)(\.[0-9]{1,6})*)/g str.replace(coordinatesStrReg, (str,  ......
经纬度 数组 字符串 经纬 坐标

GIS常用npm包:GeoJSON文件合并与元素过滤\属性过滤\图形合并

geojson-merge,多个文GeoJSON文件合并为一个。GeoJSON 里面的点线面合并为Multi(point linestring polygon)。GeoJSON一feature,根据properties属性过滤出想要的图形。merge-simple-polygons。合并多边形。其实... ......
属性 图形 元素 常用 GeoJSON

百度高德地图行政区域边界GeoJSON数据获取并绘制行政区域

highcharts 是提供地图数据包的:https://www.highcharts.com/docs/maps/map-collection echart矢量地图或者地图绘制矢量图层,GeoJSON哪里提供呢? dataV提供数据下载,http://datav.aliyun.com/tools/ ......
行政区域 区域 边界 GeoJSON 地图

Cesium案例(八) Terrain

第一步正常建viewer,需要注意的是官网例子属性值比较老,最新版本的属性值有所差异,全copy官网会无法运行,提示函数未定义。 第一处差异 官网: 1 const viewer = new Cesium.Viewer("cesiumContainer", { 2 terrain: Cesium.T ......
案例 Terrain Cesium

cesium加载大批量点

如果想在Cesium中显示一个点,目前有这么几种方法:Primitive、Entity、czml文件、GeoJson文件等。 下面是显示64,800 个点的 PointPrimitiveobjects 的代码示例,并且让所有点同时都运动起来 var viewer = new Cesium.Viewe ......
大批量 cesium

看下Cesium如何做大数据加载的

转载原文:https://www.cnblogs.com/fuckgiser/p/6565957.html glTF的整体设计,概括有四点: 第一,数据块(Buffer)连续,保证了读写性能; 第二,提供了视图(View)和访问器(Accessor)的概念,在不损失数据块完整性的前提下提供类型信息和 ......
数据 Cesium

Cesium中加载大规模数据稳定流畅之性能优化思路

1. 使用数据流技术:Cesium支持使用数据流技术,即按需加载和卸载数据,以最小化数据传输量和加载时间。 实现原理大致如下: Cesium 会根据相机位置和高度动态调整 3D Tiles 的细节级别,并将需要渲染的 Tiles 加入渲染队列。 当队列中的 Tiles 的内存使用量超过 maximu ......
大规模 思路 性能 数据 Cesium

Cesium 案例 (七) Time Dynamic Wheels

知识点和api都以注释的形式标注在了代码中,学习Cesium官方案例可以作为辅助理解代码,进行自我学习和案例复现。 主要学习网站:cesium官网案例源码 cesium中文网api文档 Cesium.Ion.defaultAccessToken = "eyJhbGciOiJIUzI1NiIsInR5 ......
案例 Dynamic Cesium Wheels Time

Cesium案例(六) Time Dynamic Wheels

Cesium.Ion.defaultAccessToken = "token"; const viewer = new Cesium.Viewer("cesiumContainer", { shouldAnimate: true, }); const start=Cesium.JulianDate. ......
案例 Dynamic Cesium Wheels Time

Cesium案例(五) Underground Color

Cesium.Ion.defaultAccessToken = token const viewer = new Cesium.Viewer("cesiumContainer"); const scene = viewer.scene; const globe = scene.globe; //获取 ......
Underground 案例 Cesium Color

Cesium之DrawCommand与绘制三角形

1. 引言 Cesium中的Command对象包含执行的指令参数和执行方法,Command对象主要有三类: ClearCommand DrawCommand ComputeCommand DrawCommand是最常用的指令,它是绘制的主角 DrawCommand封装如下,几乎包含了绘制所需要的全部 ......
三角形 DrawCommand Cesium

Cesium学习说明 路线 资源

资源: Cesium官网:https://cesium.com/ Cesium github源码:https://github.com/CesiumGS/cesium Cesium官方API文档:https://cesium.com/learn/cesiumjs/ref-doc/ Cesium教程: ......
路线 Cesium 资源

Cesium 案例(四) Video

Sandcastle-header.js存储在Cesium中Apps/Sandcastle/Sandcastle-header.js的位置,该js文件时用于创建下拉框和带选中框的按钮,引入该文件后,就会有一个Sandcastle全局对象,包含着很多方法。 // videoElement = docu ......
案例 Cesium Video

Cesium 案例(三) Web Map Service(WMS) Washington DC 2017

Cesium.Ion.defaultAccessToken = "token"; const viewer = new Cesium.Viewer("cesiumContainer"); // Add a WMS imagery layer const layer = new Cesium.Imag ......
Washington 案例 Service Cesium 2017

Cesium 案例(二)Web MapTile Service with Time

使用官方github包,部分解释来源于http://cesium.xin/cesium/cn/Documentation1.95/index.html Cesium.Ion.defaultAccessToken =token; constviewer = newCesium.Viewer("cesi ......
案例 MapTile Service Cesium Time

Cesium实例化绘制(Instanced Drawing)

上篇《WebGL-实例化绘制》我们学习了实例化webgl底层实现原理,基于webgl1.0标准的扩展。这篇博客我们来了解下cesium引擎是如何支持实例化功能的。该篇公众号主要参考了博客:《Cesium原理篇:6 Render模块(6: Instance实例化)》。 假如有这样的需求:有四个不同颜色 ......
Instanced 实例 Drawing Cesium

Mapboxgl draw 自定义标绘:圆、矩形、自由多边形、上传读取geojson

还没做文字标绘,累了,以后有需要有机会再说 自定义标绘方法 Mapboxgl标绘相关库 我当前使用的版本是: "@mapbox/mapbox-gl-draw": "^1.4.1", "@mapbox/mapbox-gl-draw-static-mode": "^1.0.1", "mapbox-gl- ......
多边形 矩形 Mapboxgl geojson draw

cesium添加过道corridor

官方示例:Cesium Sandcastlehttps://sandcastle.cesium.com/?src=Corridor.html&label=Geometries <template> <div style="height: 100vh"> <div id="cesiumContaine ......
过道 corridor cesium

Cesium:entity闪烁(点、面以及billboard)

entity的闪烁主要是通过回调函数CallbackProperty,控制样式改变或是否显示 1. 点的闪烁 function f2(){ var x=1; var flog=true; viewer.entities.add({ name:"圆点point闪烁", position:Cesium. ......
billboard Cesium entity

vue+leaflet示例:geojson数据地形剖面分析(附源码下载)

demo源码运行环境以及配置 运行环境:依赖Node安装环境,demo本地Node版本:14.19.1。 运行工具:vscode或者其他工具。 配置方式:下载demo源码,vscode打开,然后顺序执行以下命令: (1)下载demo环境依赖包命令:npm i (2)启动demo命令:npm run ......
剖面 示例 地形 源码下载 源码

C++17&Cesium3DTilesConverter

参考:https://www.jianshu.com/p/e5aab3e1fcab 这篇博客的作者使用了C++17来编写格式转换器。。额,C++11还没搞清楚是咋回事呢,C++17就来了。。 总之呢,这位大神用C++17改写了C++和Rust编写的3dtiles转换器,生成了纯C++版本的,界面用到 ......

cesium pick和射线的使用

问题:ClampToHeightMostDetailed一直停顿无返回值。。卡住了?难道是异步等待?异步线程一直等待的原因是?数据有问题?[但是手动点击却又是能获取到高程的。如果是数据的问题,手动点击也不能获取到高程吧?] 有没有其它获取3dtiles高程的方法?如pick和ray 参考1:http ......
射线 cesium pick

Cesium官方教程——Fabric

1、简介 Fabric 是Cesium中定义的描述材质Material的JSON 结构体。Material代表了一个物体的外观。 材质Material可以是比较简单的,比如直接将一张图片赋予表面,或者使用条纹状、棋盘状的图案;也可以使用Fabric和GLSL,重新创建一个新的材质或者组合现有的材质。 ......
教程 官方 Cesium Fabric

Cesium渲染模块之VAO

1. 引言 Cesium是一款三维地球和地图可视化开源JavaScript库,使用WebGL来进行硬件加速图形,使用时不需要任何插件支持,基于Apache2.0许可的开源程序,可以免费用于商业和非商业用途 Cesium官网:Cesium: The Platform for 3D Geospatial ......
模块 Cesium VAO

Cesium渲染模块之Shader

1. 引言 Cesium是一款三维地球和地图可视化开源JavaScript库,使用WebGL来进行硬件加速图形,使用时不需要任何插件支持,基于Apache2.0许可的开源程序,可以免费用于商业和非商业用途 Cesium官网:Cesium: The Platform for 3D Geospatial ......
模块 Cesium Shader

Cesium渲染模块之Command

1. 引言 Cesium是一款三维地球和地图可视化开源JavaScript库,使用WebGL来进行硬件加速图形,使用时不需要任何插件支持,基于Apache2.0许可的开源程序,可以免费用于商业和非商业用途 Cesium官网:Cesium: The Platform for 3D Geospatial ......
模块 Command Cesium

Cesium for Unreal加载倾斜摄影

本文介绍UE4中通过Cesium插架加载本地倾斜摄影模型。Cesium for Unreal插件运行在UE环境何总运行Cesium,这样方便做一个GIS应用。 安装Cesium for Unreal插件 在UE 虚幻商城中,搜索 “Cesium for Unreal”, 然后下载插件,下载完成后,可 ......
Cesium Unreal for

echarts map地图中绘制浙江省市区县乡镇多级联动边界下钻的最新geojson数据文件获取和更新

ECharts Map地图的显示 ECharts支持地理坐标显示,专门提供了一个geo组件,在setOption中提供option.geo配置即可显示地图。 option.geo配置中有个map属性,取值为已通过 echarts.registerMap("name", geojson) 注册的nam ......
县乡镇 县乡 边界 echarts geojson