还是大剑师兰特
美国某知名大学研究生,专业的航天航海交通领域高级前端开发工程师,从事GIS、物联网行业多年,深耕vue+openlayers,vue+cesium等领域。
展开
-
cesium示例教程100+目录
cesium示例教程100+旨在为开发者提供简单快捷的,。在每一个示例中,解释相应的API知识点,做到。目录中有链接的为已有文章,没链接的为目标文章,不断更新中…原创 2022-09-07 15:23:19 · 3056 阅读 · 39 评论 -
079:vue+cesium 加载glb文件,用于czml中
本示例介绍如何在vue+cesium中加载glb文件。在Cesium中使用GLB文件(GL Transmission Format Binary)是一种高效的方式,用于加载包含3D模型数据及其相关资源(如纹理、材质)的单个二进制文件。GLB格式基于GLTF规范,旨在简化3D内容的传输和加载过程。原创 2024-06-28 00:00:00 · 563 阅读 · 47 评论 -
Cesium入门:Camera的关键知识点
Cesium中的`Camera`(相机)是控制3D场景视图的核心组件,它负责确定观察者在虚拟世界中的位置和视线方向。以下是关于Cesium中`Camera`的一些关键知识点原创 2024-06-26 14:39:01 · 729 阅读 · 11 评论 -
077:vue+cesium 显示等高线
本示例介绍如何在vue+cesium中显示等高线。在Cesium中创建等高线(contours)涉及到地形数据的处理以及对这些数据进行可视化。虽然Cesium本身没有直接提供一个简单的API来生成等高线。直接复制下面的 vue+cesium源代码,操作2分钟即可运行实现效果.原创 2024-06-10 00:00:00 · 1280 阅读 · 41 评论 -
076:vue+cesium 自定义天空盒(skybox)效果
本示例介绍如何在vue+cesium中 自定义天空盒效果。天空盒(Sky Box)是一种计算机图形学技术,用于在三维环境中模拟远处的天空和背景。它通常是一个纹理映射到立方体或球体上的图像,从任何角度看都能提供逼真的视觉效果。在场景周围设置一个天空盒来绘制星星,这个天空盒使用真赤道平均春分点(True Equator Mean Equinox,简称TEME)坐标轴定义。这仅在3D模式下受支持。在变换到2D或哥伦布视角时,天空盒会逐渐消失。原创 2024-06-07 00:00:00 · 509 阅读 · 30 评论 -
075:vue+cesium 导出场景图片
本示例介绍如何在vue+cesium中 导出场景图片。Cesium可以通过canvas的方式将场景导出为图片文件,达到我们想要的效果。直接复制下面的 vue+cesium源代码,操作2分钟即可运行实现效果.原创 2024-06-06 00:00:00 · 840 阅读 · 41 评论 -
074:vue+cesium 实现动态图片旋转
本示例介绍如何在vue+cesium中 实现动态图片旋转,旋转圆效果不能直接旋转圆实体,而是旋转其材质,才能实现效果。直接复制下面的 vue+cesium源代码,操作2分钟即可运行实现效果.原创 2024-06-04 00:00:00 · 974 阅读 · 64 评论 -
073:vue+cesium 实现大雾效果
本示例的目的是介绍如何在vue+cesium中实现大雾效果,这里使用着色器来实现实例特效。直接复制下面的 vue+cesium源代码,操作2分钟即可运行实现效果原创 2024-03-06 00:45:00 · 519 阅读 · 47 评论 -
072:vue+cesium 实现下雪效果
本示例的目的是介绍如何在vue+cesium中实现下雪效果,这里使用着色器来实现实例特效。原创 2024-03-04 00:00:00 · 584 阅读 · 43 评论 -
071:vue+cesium 实现下雨效果
第071个本示例的目的是介绍如何在vue+cesium中实现下雨效果,这里使用着色器来实现实例特效。原创 2024-03-01 18:18:09 · 1080 阅读 · 29 评论 -
070:vue+cesium: 利用canvas设置线性渐变色材质
本示例的目的是介绍如何在vue+cesium中设置线性渐变色的材质,这里使用canvas的辅助方法。原创 2024-02-05 18:01:12 · 1264 阅读 · 46 评论 -
069:cesium围绕一个固定点自动左右旋转
第069个本示例的目的是介绍如何在vue+cesium中设置一个固定点为中心点,通过lookAtTransform来固化点,通过监听clock,来设置自动旋转。原创 2023-06-08 14:04:41 · 1120 阅读 · 15 评论 -
068:cesium lookAtTransform围绕一个固定点上下左右旋转查看
第068个本示例的目的是介绍如何在vue+cesium中查看一个固定的点的情况,从上下左右不同的维度进行查看。这里面使用lookAtTransform这个操作函数。lookAtTransform(transform, offset),这里的offset偏移量可以是笛卡尔坐标或航向/俯仰/范围。原创 2023-06-08 13:47:48 · 851 阅读 · 0 评论 -
067:cesium flyto一个具体的实体位置
第067个本示例的目的是介绍如何在vue+cesium中设置飞行定位功能,飞行到一个实体的区域。viewer.flyTo 函数接受实体、EntityCollection、DataSource、Cesium3DTilset 等。原创 2023-06-07 09:03:59 · 859 阅读 · 0 评论 -
066:cesium flyto一个具体的点位置
第066个本示例的目的是介绍如何在vue+cesium中设置飞行定位功能,如果你知道位置的经纬度和高度,你可以使用相机的 flyTo 函数直接飞到 CesiumJS 中的那个位置。原创 2023-06-06 18:31:45 · 823 阅读 · 0 评论 -
065:cesium设置带有箭头的线材质(material-9)
第065个本示例的目的是介绍如何在vue+cesium中设置带有箭头的线材质,请参考源代码,了解PolylineArrowMaterialProperty的应用。原创 2023-05-22 07:00:00 · 1405 阅读 · 0 评论 -
064:cesium设置点划线材质(material-8)
第064个本示例的目的是介绍如何在vue+cesium中设置点划线材质,请参考源代码,了解PolylineDashMaterialProperty的应用。原创 2023-05-21 02:00:00 · 757 阅读 · 0 评论 -
063:cesium设置带边界线材质(material-7)
第063个本示例的目的是介绍如何在vue+cesium中设置带边界折线材质,请参考源代码,了解PolylineOutlineMaterialProperty的应用。原创 2023-05-21 01:00:00 · 831 阅读 · 0 评论 -
062:cesium设置泛光折线材质(material-6)
第062个本示例的目的是介绍如何在vue+cesium中设置泛光折线材质,请参考源代码,了解PolylineGlowMaterialProperty的应用。原创 2023-05-20 02:00:00 · 643 阅读 · 0 评论 -
061:cesium设置棋盘图材质(material-5)
第061个本示例的目的是介绍如何在vue+cesium中设置棋盘材质,请参考源代码,了解CheckerboardMaterialProperty的应用。原创 2023-05-20 01:00:00 · 495 阅读 · 0 评论 -
060:cesium设置网格Grid材质
第060个本示例的目的是介绍如何在vue+cesium中设置网格材质,请参考源代码,了解GridMaterialProperty的应用。原创 2023-05-19 02:00:00 · 384 阅读 · 0 评论 -
059:cesium设置条纹条带Stripe材质
第059个本示例的目的是介绍如何在vue+cesium中设置条纹条带材质,请参考源代码,了解StripeMaterialProperty的应用。原创 2023-05-19 01:00:00 · 404 阅读 · 0 评论 -
058:cesium设置图片纹理材质
第058个本示例的目的是介绍如何在vue+cesium中设置图片材质,相当于在球体上贴图。原创 2023-05-18 09:41:38 · 654 阅读 · 0 评论 -
057:cesium设置纯颜色材质
第057个本示例的目的是介绍如何在vue+cesium中设置纯颜色的材质,颜色的表达方式可以参考这篇文章。原创 2023-05-18 09:38:56 · 448 阅读 · 0 评论 -
056:cesium 七种方法设置颜色
第056个本示例的目的是介绍如何在vue+cesium中设置颜色,这里用到了7种方法,查看API,还有很多种方法。原创 2023-04-27 02:00:00 · 2624 阅读 · 47 评论 -
055:cesium两种方法加载天地影像图
第055个本示例的目的是介绍如何在vue+cesium中用两种方法加载天地影像图。一种是利用WebMapTileServiceImageryProvider,另一种是利用UrlTemplateImageryProvider.原创 2023-04-27 00:30:00 · 915 阅读 · 7 评论 -
054:cesium加载WMS规范的影像服务
第054个本示例的目的是介绍如何在vue+cesium中加载WMS规范的影像服务。WebMapServiceImageryProvider提供由 Web 地图服务 (WMS) 服务器托管的平铺图像。原创 2023-04-26 03:00:00 · 654 阅读 · 0 评论 -
053:cesium显示网格切片标识,展示X、Y、Level 坐标
第053个本示例的目的是介绍如何在vue+cesium中加载瓦片网格切分标识地图。,它在切片方案中的每个渲染图块周围绘制一个框,并在其中绘制一个标签,指示图块的 X、Y、Level 坐标。这主要用于调试地形和图像渲染问题。原创 2023-04-25 02:30:00 · 831 阅读 · 3 评论 -
052:cesium加载网格地图
第052个本示例的目的是介绍如何在vue+cesium中加载grid地图。一个 ImageryProvider,它在每个具有可控背景和发光的图块上绘制线框网格。可能对自定义渲染效果或调试地形很有用。原创 2023-04-24 14:56:14 · 617 阅读 · 0 评论 -
051:cesium加载mapbox的多种Style形式地图
第051个本示例的目的是介绍如何在vue+cesium中加载mapbox的多种Style形式地图,包括dark-v11,streets-v12,navigation-night-v1,outdoors-v12,satellite-v9,satellite-streets-v12,light-v10。原创 2023-04-18 15:02:30 · 493 阅读 · 0 评论 -
050:cesium加载mapbox卫星地图、mapbox地形地图
第050个本示例的目的是介绍如何在vue+cesium中加载mapbox卫星地图、mapbox地形地图。原创 2023-04-18 14:41:35 · 901 阅读 · 19 评论 -
049:cesium加载czml文件,显示图形
第049个本示例的目的是介绍如何在vue+cesium中加载czml文件, 显示图形。这是官网的一个示例,这里转换了处理方式。原创 2023-04-09 10:06:36 · 503 阅读 · 0 评论 -
048:cesium加载kmz文件,显示图形
第048个本示例的目的是介绍如何在vue+cesium中加载KMZ文件, 显示图形。原创 2023-04-08 02:00:00 · 314 阅读 · 4 评论 -
047:cesium加载geojson文件,显示图形
第047个本示例的目的是介绍如何在vue+cesium中加载geojson文件, 显示图形。原创 2023-04-08 01:00:00 · 575 阅读 · 0 评论 -
046:cesium加载高德地图(多种形式)
第046个本示例的目的是介绍如何在vue+cesium中加载加载高德地图。这里区分了很多种形式,详情见核心分析和源代码。原创 2023-04-05 03:00:00 · 1636 阅读 · 0 评论 -
045:cesium加载OpenStreetMap地图
第045个本示例的目的是介绍如何在vue+cesium中加载加载OpenStreetMap地图。注意OpenStreetMap国内加载有问题,需要曲线救图。原创 2023-04-05 02:00:00 · 720 阅读 · 0 评论 -
044:cesium加载单个图片形成底图
第044个本示例的目的是介绍如何在vue+cesium中加载单个图片形成底图.原创 2023-04-05 01:00:00 · 921 阅读 · 0 评论 -
043:cesium加载Bing地图(多种形式)
第043个本示例的目的是介绍如何在vue+cesium中加载加载Bing地图。这里显示4种形式的地图,分别为:AERIAL、ROAD、CANVAS_DARK、AERIAL_WITH_LABELS。参考后面的API,还有其他几种形式。原创 2023-04-04 09:07:27 · 1206 阅读 · 0 评论 -
042:cesium加载Eris地图(多种形式)
第042个本示例的目的是介绍如何在vue+cesium中加载加载Eris地图。这里显示4种形式的地图,分别为:World_Imagery、World_Street_Map、World_Terrain_Base、World_Physical_Map。原创 2023-04-04 08:59:32 · 1125 阅读 · 0 评论 -
041:cesium加载Blue Marble地图
第041个本示例的目的是介绍如何在vue+cesium中加载Blue Marble地图。Blue Marble是一个术语,用来描述星球漂浮在浩瀚太空中的形象。早在 1972 年,阿波罗 17 号任务的工作人员就首次捕捉到了地球的标志性卫星图像,并将其称为“Blue Marble”。从那时起,NASA 对这张地球卫星图像进行了多次更新,这些图像可在公共领域获得并可供重复使用。原创 2023-04-04 08:58:49 · 931 阅读 · 0 评论