Cesium
文章平均质量分 62
更多示例:https://www.webgishome.com/examples?channel_name=cesium
疆~
这个作者很懒,什么都没留下…
展开
-
cesium中测距测面
封装MeasureTool.js。原创 2022-12-22 14:38:14 · 998 阅读 · 4 评论 -
cesium鼠标移入移出实体显示提示框
【代码】cesium鼠标移入移出实体显示提示框。原创 2022-12-21 22:29:42 · 1328 阅读 · 0 评论 -
ceisum 鼠标拖拽移动实体
【代码】ceisum 鼠标拖拽移动实体。原创 2022-12-20 23:54:58 · 1889 阅读 · 0 评论 -
Cesium中鼠标事件绑定和移除
直接在viewer实例上添加,清除事件会污染整个viewer实例且当前实例存在其它鼠标事件会一并清除(适合一键清除地图上事件)每次都创建一个实例,可以多个共存且根据名字(变量比如:下面的。原创 2022-12-20 22:23:04 · 1132 阅读 · 0 评论 -
cesium中各种类型坐标转换
【代码】cesium中各个坐标。原创 2022-12-20 22:06:02 · 2113 阅读 · 1 评论 -
cesium自定义弹窗
本文章是使用js写的。思路1、创建cesiumContainer容器。在script标签内添加cesiumContainer容器 Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3OWQ5ZTYzZi05NThmLTRmYjctOTk1Zi01YjczMTQ0ZjZlODAiLCJpZCI6NjE0MjMsImlhdCI6MTYyNjA3MjcwMn0.t78sW9YdR2gWIB55l。原创 2022-12-20 00:10:44 · 2020 阅读 · 0 评论 -
cesium中编辑面
【代码】cesium中编辑面。原创 2022-12-19 16:26:58 · 1270 阅读 · 1 评论 -
cesium实现右键框选
【代码】cesium实现右键框选。原创 2022-12-19 14:50:31 · 1994 阅读 · 0 评论 -
cesium实现面积测量
MeasureManager.js 测试:原创 2022-12-04 22:24:37 · 3872 阅读 · 0 评论 -
cesium中测距
MeasureMangner.js 测试:原创 2022-12-04 12:58:09 · 2337 阅读 · 3 评论 -
cesium中实现鹰眼
EyeMap.js实现:原创 2022-12-04 10:42:12 · 698 阅读 · 0 评论 -
cesium实现立体动态墙
AnimationWall.js:实现:原创 2022-12-04 10:20:25 · 2095 阅读 · 0 评论 -
vue3+openlayer+cesium-二三维联动(ol-cesium)
参考:cesium-二三维联动优化(ol-cesium)_孙霸天的博客-CSDN博客_ol-cesiumcesium-二三维联动优化(ol-cesium)之前已经实现了ol和cesium联动的效果了,但还是有点问题:cesium和ol平面视角联动还算正常的,但是当cesium为三维视角时联动的效果就出现问题。这里使用ol-cesium来实现完善的联动效果ol-cesium介绍在 2D 和 3D 之间平滑切换并同步:地图上下文(边界框和缩放级别);栅格数据源;2D 和 3D 的矢量数据源;地图选择(选定项目)原创 2022-12-03 19:51:16 · 2071 阅读 · 0 评论 -
vue3+cesium点击wms图层获取要素属性
【代码】vue3+cesium点击wms图层获取要素属性。原创 2022-11-28 00:28:08 · 2530 阅读 · 3 评论 -
vue3控制cesium中entity的显示和隐藏
cesium中文api:Index - Cesium Documentation http://cesium.xin/cesium/cn/Documentation1.72/index.html原创 2022-11-27 23:37:39 · 2537 阅读 · 1 评论 -
vite+cesium加载osm建筑OsmBuildings
【代码】vite+cesium加载osm建筑OsmBuildings。原创 2022-11-27 21:41:40 · 860 阅读 · 0 评论 -
cesium报这个错误【Blocked script execution in ‘about:blank‘ because the document‘s frame is sandboxed and】
在给cesium使用html2canvas插件加截图保存控件时,提示错误Blocked script execution in 'about:blank' because the document's frame is sandboxed and the 'allow-scripts' permission is not set.将infoBox设为false即可。原创 2022-11-27 21:22:31 · 6328 阅读 · 0 评论 -
vite+cesium加载3DTile数据
3D Tiles是一种开放的三维空间数据标准,其设计目的主要是为了提升大的三维场景中模型的加载和渲染速度。假如要在Web客户端渲染一个非常大的三维模型(如一个大城市的建筑模型),如果把模型全部下载到客户端并且进行渲染,这个过程所消耗的时间对于使用普通电脑的用户来说是不能接受的。然而,在绝大多数的用户交互式的三维场景中,都只需要渲染模型的一小部分,将三维模型全部加载并渲染是一种极大的资源浪费,3D Tiles为这个问题提供了一个很好的解决方案。原创 2022-11-27 21:17:57 · 6005 阅读 · 2 评论 -
vue3【vite】中使用cesium
【代码】vue3【vite】中使用cesium。原创 2022-11-27 18:25:50 · 3702 阅读 · 0 评论 -
cesium在地形上贴地添加各种entity
官方示例:Cesium Sandcastlehttps://sandcastle.cesium.com/?src=Clamp%20to%20Terrain.html&label=Tutorials 添加billboard资源下载地址:https://sandcastle.cesium.com/images/facility.gif原创 2022-11-26 13:57:15 · 6405 阅读 · 0 评论 -
cesium加载glb格式的3d模型
【代码】cesium加载glb格式的3d模型。原创 2022-11-26 13:57:16 · 3686 阅读 · 2 评论 -
cesium设置层级z-index
【代码】cesium设置层级z-index。原创 2022-11-26 13:57:11 · 5828 阅读 · 4 评论 -
cesium中加载高程terrain地形
cesium中添加terrain地形原创 2022-09-30 17:54:45 · 2519 阅读 · 0 评论 -
cesium中的飞行动画fly
官网飞行动画:https://sandcastle.cesium.com/?src=Camera.html本地cesium飞行:http://localhost:8088/cesium/Apps/Sandcastle/index.html?src=Camera.htmleasingFunction为缓动函数:Cesium.EasingFunction.BACK_IN //回到Cesium.EasingFunction.BACK_IN_OUT //进入在出来Cesium.EasingFu..原创 2022-03-13 23:56:57 · 5150 阅读 · 0 评论 -
cesium加载wms、wmts、tms、wfs服务
引入cesium,参考:https://blog.csdn.net/qq_40323256/article/details/108475669cesium加载wms服务该示例中geoserver发布的地图服务地址如下:http://localhost:8090/geoserver/keshan/wms?service=WMS&version=1.1.0&request=GetMap&layers=keshan%3Asichuan&bbox=97.350096...原创 2022-03-13 14:30:46 · 4328 阅读 · 1 评论 -
Cesium隐藏界面控件
手动隐藏cesium初始化时页面自带的控件<template> <div style="100vh"> <div id="cesiumContainer" /> </div></template> <script>export default { data() { return {}; }, mounted() { const viewer = new Cesium.Vie.原创 2022-03-12 21:24:13 · 1888 阅读 · 0 评论 -
cesium本地部署、在线部署
node部署cesium官网下载cesium:https://cesium.com/downloads/打开cesium文件夹,执行命令:cnpm i 安装依赖启动:npm start访问:http://localhost:8080/原创 2022-03-09 23:43:39 · 2314 阅读 · 0 评论 -
Cesium中加载Geojson
首先要下载安装Cesium,见:https://blog.csdn.net/qq_40323256/article/details/108475669代码实现<!-- home --><template> <div class="home"> <el-button type="primary" @click="addGeoJson()">addGeoJson</el-button> <div id="cesi.原创 2020-09-08 20:15:30 · 17764 阅读 · 10 评论 -
Vue2+Cesium.js展示地图
首先下载Cesium.jscnpm i -g cesium这里是下载到全局,然后复制cesium中的文件夹,如下:粘贴到Vuecli3项目中的public文件夹下在index.html中引入css文件和JavaScript文件即可<link rel="stylesheet" href="Cesium/Widgets/widgets.css"><script src="Cesium/Cesium.js"></script>页面&.原创 2020-09-08 19:52:04 · 4420 阅读 · 6 评论