ICode9

精准搜索请尝试: 精确搜索
  • QGIS离线数据或瓦片并使用Cesium调用离线瓦片2021-09-25 11:32:07

    前言 QGIS在数据处理上确实已经做的很好了,尤其是其插件丰富,跟VSCode的插件系统设计思路感觉差不多。下面我将QGIS添加在线地图瓦片并将其离线为tif或瓦片以及矢量的方法记录下来。欢迎批评指正交流! 1. 地图添加 天地图 找到XYZ Tiles ,右键点击后弹出菜单“New Connection…

  • cesium绘制图形2021-09-20 02:01:51

    - 中文小网站:http://cesium.xin/wordpress/ 英文网站:https://cesium.com/ 先把cesium.js以及css引入,后面的代码就不在显示这些脚本引入 先画简单的点(point) <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- Include the CesiumJS Ja

  • 27.(cesium之家)cesium接入百度影像地图2021-09-13 10:31:40

    听老人家说:多看美女会长寿 地图之家总目录(订阅之前建议先查看该博客) 文章末尾处提供保证可运行完整代码包,运行如有问题,可“私信”博主。 效果如下所示: 该示例运行需要下载“完整代码包” 实现步骤: 1、如何获取百度影像地图服务地址 1.1、打开百度地图,点击右下角“地球”切

  • cesium之测试项目2021-09-11 14:02:13

    cesium之测试项目 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <script src="https://cesiumjs.org/releases/1.53/Build/Cesium/Cesium.js"></script> <

  • Cesium快速上手9-Camera和Scene中的其他函数使用2021-09-09 21:35:22

    Camera viewer.camera 是快捷方式,访问的是 viewer.scene.camera camera.move... 相机平移 camera.look.. 相机旋转 示例 http://localhost:8080/Apps/Sandcastle/index.html?src=Camera%20Tutorial.html&label=All image.png // disable the default event handlers 首先禁用

  • Cesium快速上手8-Appearance&Material2021-09-09 21:34:59

    image.png 比较通用的有两个: Cesium.MaterialAppearance(options) 可以设置纹理图案 Cesium.PerInstanceColorAppearance(options) 主要用于颜色属性,与 Cesium.GeometryInstance中attributes中 colo属性 ; 每个GeometryInstance 一个颜色; 另外需要注意: EllipsoidSurfaceAppearanc

  • Cesium快速上手10-Viewer Entities组合2021-09-09 21:34:49

    Viewer/Entities的作用: 方便创建直观的对象,同时做到性能优化(billboard、point等) 提供一些方便使用的函数:flyTo/zoomTo 赋予Entity对象时间这个属性,对象具备动态特性/Primitive不具备 提供一些UI(homeButton/sceneModePicker/projectionPicker/baseLayerPicker) 大量的快捷方式,camer

  • Cesium快速上手11-Property的使用2021-09-09 21:34:31

    参照这篇文章来讲解: https://www.jianshu.com/p/f0b47997224c 本文在github上的源码 Property最大的特点是和时间相互关联,在不同的时间可以动态地返回不同的属性值。而Entity则可以感知这些Property的变化,在不同的时间驱动物体进行动态展示。 Cesium宣称自己是数据驱动和time-dyna

  • cesium风场图【译】2021-09-09 21:33:19

    cesium风场图 以下大部分内容来源于 开源博客 的英文翻译,为自己以后查阅方便 。 这是Rayman Ng的特邀帖子,介绍了他基于CesiumJS构建的开源风向图。 风是研究天气和气候的重要元素,它以各种方式影响我们的日常生活。在许多领域,例如气候分析和风电场管理,分析风是至关重要的。可视化它

  • vue-cli3 引入 cesium2021-09-08 00:01:14

    1、安装 cesium 要安装 1.81.0 版本,我安装最新版本,项目无法启动,回退到这个版本,项目就可以运行了 npm install --save cesium@1.81.0 2、复制 node_modules 中的 Cesium 文件夹到 static 文件夹下 node_modules\cesium\Build\Cesium --> static 3、在需要使用cesium的vue文件

  • CESIUM-大量model加载(ModelInstanceCollection)2021-09-06 22:03:19

        上一篇介绍了加载大量点数据用primitives加载billboardcollection的方式,当遇到3d model时,若数据量很大,则需要用ModelInstanceCollection。 //instances是数组,循环创建instance并放到数组里 var modelMatrix = Cesium.Transforms.headingPitchRollToFixedFrame( po

  • cesium 偏航(yaw)/俯仰(pitch)/滚动(roll)2021-08-30 09:34:25

    在航空中,常用yaw,pitch,roll这三个词来表示飞机的俯仰、偏航、和滚动。为了避免混淆,这里暂时不用坐标系x,y,z轴来表示具体的旋转轴,而只是用描述性的语言。 首先看这三个词的翻译: yaw:(火箭、飞机、宇宙飞船等)偏航 yaw是偏航的意思,如果要改变航向,飞机必定是绕着重力方向为轴; pitch:

  • vite 开发 Cesium 程序最佳配置实践2021-08-18 17:31:26

    博客园 @四季留歌 目录安装依赖安装 vite 插件配置 cdn插件 vite-plugin-html-config插件 vite-plugin-compression插件 vite-plugin-externals细说 Cesium CDN 部署的一个问题CESIUM_BASE_URL推荐改进 缺点:必须安装 cesium 依赖和几个 vite 插件,起项目时略微麻烦,部署 cdn

  • 在vue-cli4.x 中使用cesium1.82021-08-12 13:01:54

    1、vue-cli4.x + cesium1.8 2、配置vue.config.js "use strict"; const path = require("path"); const defaultSettings = require("./src/settings.js"); ​ ​ // 1、引入cesium相关文件 const CopyWebpackPlugin = require("copy-webpack-plugin&q

  • Cesium 场景保存与恢复2021-08-12 11:02:17

    position = viewer.camera.positionWC.clone(); up = viewer.camera.up.clone(); direction = viewer.camera.direction.clone(); flyHome() {       let that = this;       viewer.camera.flyTo({         destination: new Cesium.Cartesia

  • Cesium中用到的图形技术——Horizon Culling2021-08-11 20:32:38

    译者注:本文翻译自Cesium官方博文《Horizon Culling》,by KEVIN RING。 目录地平线针对球体剔除一个点平面测试圆锥测试推广到椭球代码预览 在开发像Cesium这样的虚拟数字地球时,我们需要能够快速确定场景中的对象(例如地形图块,卫星,建筑物,车辆等)何时不可见,因此不需要渲染。当然,我们

  • Cesium Primitive API 实践:绘制一个三角形2021-08-06 19:33:23

    与直接调用官方 API 不同,本例直接使用 Geometry 和 Appearance 类进行构造图形,灵活度较大。 博客园 @四季留歌 目录1 目的与结果2 实现原理坐标系统选择3 踩坑点3.1 GeometryAttribute 的构造3.1.1 position 的构造 - 数值类型3.1.2 顶点着色器中 attribute 变量的名称3.1.3 顶

  • cesium中限制地图浏览范围2021-08-04 10:30:39

    cesium中限制地图浏览范围 项目中有限制用户地图浏览范围的需求,经过研究以及查找相关资料,得出了一个可行方法:1、限制用户浏览视角的高度范围,然后实时监测镜头的范围,最后用实时镜头范围与限制范围的经纬度进行对比,超出就跳回初始视角,如下: *1、限制镜头高度 限制镜头的高度使用

  • cesium 指南针、比例尺2021-07-28 14:02:32

    cesium 里面没有指南针,需要安装其他插件:cesium-navigation-es6 安装 cesium-navigation-es6 插件 npm i cesium-navigation-es6 -S 安装好之后在main.js里引入 import CesiumNavigation from 'cesium-navigation-es6' 配置一下CesiumNavigation的全局变量 Vue.prototype.Cesiu

  • Cesium for Unreal v1.4.1_版本更新说明2021-07-23 11:58:39

    Cesium for Unreal v1.4.1_版本更新说明 @kring kring released 1.4.1 - 2021-07-13 Fixes

  • 2021-07-222021-07-22 22:00:45

    (一)、Cesium 简单使用 使用在线资源 使用在线资源 新建html文件引入js文件编写代码 例子: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!-- Include the CesiumJS JavaScript and CSS files --> <!--Cesium js文件引入 --&

  • Cesium-开发入门(初识,安装快速入门)2021-07-22 16:34:45

    cesium——简介: cesium在项目中的定位: 早期的js是指2D(二维)基于ArgGIS,QGIS等开发,随着时代科技发展加入了BS后由添加使用了Openlayers,Leaflet,Mapbox等(在这些里软件里面是可以进行基于原有数据二次开发,不同于我们现在熟知的Google,Baidu,高得等它们再进行二次开发时有了限制条

  • Cesium鼠标移动事件2021-07-21 21:33:15

    viewer.screenSpaceEventHandler.setInputAction(function onMouseMove( movement ) { // If a feature was previously highlighted, undo the highlight if (Cesium.defined(highlighted.feature)) { highlighted.feature.color = highlighted.originalColor;

  • vue+cesium实现自定义弹窗2021-07-21 18:04:15

    目录 前言 一、创建点 二、创建弹窗 1.创建弹窗div 2.绑定到点击事件  3.使弹窗跟随点移动 方式一:LEFT_DOWN+MOUSE_MOVE  方式二:利用相机的changed事件 方式三:相机的moveStart和moveEnd事件中加入帧率监听事件 4.点转到地球背后弹窗隐藏  总结 前言         公司有项目

  • SuperMap iClient3D for WebGL 示范案例(一)倾斜模型加载2021-07-20 21:32:52

    0.前言 SuperMap官网提供了许多webgl示范案例,然而仅依赖示范案例源码独立实现这些功能还存在很多问题,这里通过个人实现过程,详述这些功能的实现步骤和代码。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" conten

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有