精华内容
下载资源
问答
  • CesiumJS

    2020-09-01 15:40:23
    CesiumJS CesiumJS is an open source JavaScript library for creating world-class 3D globes and maps with the best possible performance, precision, visual quality, and ease of use. Developers across ...

    CesiumJS

    CesiumJS is an open source JavaScript library for creating world-class 3D globes and maps with the best possible performance, precision, visual quality, and ease of use. Developers across industries, from aerospace to smart cities to drones, use CesiumJS to create interactive web apps for sharing dynamic geospatial data.

    Built on open formats, CesiumJS is designed for robust interoperability. Bring in data from Cesium ion or from some other source, visualize with CesiumJS, and share with users on desktop or mobile. With more than 1,000,000 downloads, CesiumJS powers apps that reach millions of users.

    CesiumJS is released under the Apache 2.0 license and is free for both commercial and non-commercial use. Read about how we build with open source.

    展开全文
  • cesiumjs

    2019-01-24 12:12:00
    https://cesiumjs.org/Cesium/ 论坛 http://cesium.coinidea.com/ 中文网 http://cesium.xin/ 博客园相关文章 https://www.cnblogs.com/mazhenyu/p/6494748.html http://www.cnblogs.com/hu...
    展开全文
  • Cesiumjs

    2019-12-18 09:28:35
    scaleByDistance: new Cesium.NearFarScalar(近值,近端放大率,远值,远端放大率) 如果距离在近值和远值之间,放大缩小倍数在两个放大率之间递增,如果超出这个范围则不改变。 2.设置摄像机指定距离可见性 ...

    1.标注字体

    scaleByDistance: new Cesium.NearFarScalar(近值,近端放大率,远值,远端放大率)

    如果距离在近值和远值之间,放大缩小倍数在两个放大率之间递增,如果超出这个范围则不改变。

    2.设置摄像机指定距离可见性

    distanceDisplayCodition:new Cesium.DisplayCodition(近值,远值)

    如果在摄像机在近值和远值之间,可见。

    3.判断是否能够拾取

    pickPositionSupported

    scene:

    pick

    pickPosition

    drillPick获取全部实体,然后循环获取

    camera:

    getPickPay

    pickEllipsoid

    globel:

    pick

    4.常用坐标系

    平面坐标系:Cartesian2

    笛卡尔空间直角坐标系:Cartesian3

    地理坐标系下经纬度的弧度:Cartographic

    5.ClassificationType()

    Cesium.ClassificationType.BOTH 地形和3D瓦片都会被分类

    Cesium.ClassificationType.CESIUM_3D_TILE 仅3D瓦片被分类

    Cesium.ClassificationType.TERRAIN 仅地形被分类

     

     

     

    //解除左键双击事件
    try {
                viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);
    
            } catch (e) {
                console.error(e);
            }

     

    展开全文
  • cesiumjs简介 Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎。Cesium支持3D,2D,2.5D形式的地图展示,可以自行绘制图形,高亮区域,并提供良好的触摸支持,且支持绝大多数的浏览器和mobile。 cesiumjs...

    cesiumjs简介

    Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎。Cesium支持3D,2D,2.5D形式的地图展示,可以自行绘制图形,高亮区域,并提供良好的触摸支持,且支持绝大多数的浏览器和mobile。

    cesiumjs集成进入vue项目,webpack配置

    1. webpack.base.config.js文件
      a.配置cesium的Source文件夹路径
      b.在output块儿中配置sourcePrefix
      c.配置alias块儿
      d.在model块儿中配置unknownContextCritical: false
      e.在rules块儿中配置
      ----unknownContextCritical: false,
      ----unknownContextRegExp: /^./.*$/
      f.在node块儿中配置
      amd: {
      toUrlUndefined: true
      },
    
    // cesium配置
    const cesiumSource = '../node_modules/cesium/Source'
    
    
    module.exports = {
      context: path.resolve(__dirname, '../'),
      entry: {
        app: './src/main.js'
      },
      output: {
        // cesium配置
        sourcePrefix: '',
      },
      resolve: {
        extensions: ['.js', '.vue', '.json'],
        alias: {
          'vue$': 'vue/dist/vue.esm.js',
          '@': resolve('src'),
          // cesium配置
          'cesium': path.resolve(__dirname, cesiumSource)
        }
      },
      module: {
        //cesium配置
        unknownContextCritical: false,
        rules: [
          {
            test: /\.vue$/,
            loader: 'vue-loader',
            options: vueLoaderConfig
          },
          {
            test: /\.js$/,
            loader: 'babel-loader',
            include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
          },
          {
            test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
            exclude: [resolve('src/assets/icons/svg')],
            loader: 'url-loader',
            options: {
              limit: 10000,
              name: utils.assetsPath('img/[name].[hash:7].[ext]')
            }
          },
          {
            test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
            loader: 'url-loader',
            options: {
              limit: 10000,
              name: utils.assetsPath('media/[name].[hash:7].[ext]')
            }
          },
          {
            test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
            loader: 'url-loader',
            options: {
              limit: 10000,
              name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
            }
          },
          {
            test: /\.svg$/,
            include: [resolve('src/assets/icons/svg')],
            loader: 'svg-sprite-loader',
            options: {
              symbolId: 'icon-[name]' // 指定symbolId 不指定则默认为svg文件名
            }
          }
        ],
        // cesium配置
        unknownContextCritical: false,
        unknownContextRegExp: /^.\/.*$/
      },
      node: {
        // prevent webpack from injecting useless setImmediate polyfill because Vue
        // source contains it (although only uses it if it's native).
        setImmediate: false,
        // prevent webpack from injecting mocks to Node native modules
        // that does not make sense for the client
        dgram: 'empty',
        fs: 'empty',
        net: 'empty',
        tls: 'empty',
        child_process: 'empty'
      },
      // cesium配置
      amd: {
        toUrlUndefined: true
       },
    }
    

    2.webpack.dev.conf.js
    新增打包插件配置

    'use strict'
    
    
    // cesium配置
    const cesiumSource = 'node_modules/cesium/Source'
    const cesiumWorkers = '../Build/Cesium/Workers'
    
    const devWebpackConfig = merge(baseWebpackConfig, {
    
      plugins: [
        new webpack.DefinePlugin({
          'process.env': require('../config/dev.env'),
          // cesium配置
          CESIUM_BASE_URL: JSON.stringify("")
        }),
        
        // cesium配置
        new CopyWebpackPlugin([ { from: path.join(cesiumSource, cesiumWorkers), to: 'Workers' } ]),
        new CopyWebpackPlugin([ { from: path.join(cesiumSource, 'Assets'), to: 'Assets' } ]),
        new CopyWebpackPlugin([ { from: path.join(cesiumSource, 'Widgets'), to: 'Widgets' } ]),
        new CopyWebpackPlugin([
          {
            from: path.join(cesiumSource, "ThirdParty/Workers"),
            to: "ThirdParty/Workers"
          }
        ]),
        new webpack.DefinePlugin({
          CESIUM_BASE_URL: JSON.stringify('')
        })
      ]
    })
    
    })
    
    

    3.webpack.prod.conf.js

    'use strict'
    
    // cesium配置
    const cesiumSource = 'node_modules/cesium/Source'
    const cesiumWorkers = '../Build/Cesium/Workers'
    
    const webpackConfig = merge(baseWebpackConfig, {
    
      plugins: [
       
        // cesium配置
        new CopyWebpackPlugin([ { from: path.join(cesiumSource, cesiumWorkers), to: 'Workers' } ]),
        new CopyWebpackPlugin([ { from: path.join(cesiumSource, 'Assets'), to: 'Assets' } ]),
        new CopyWebpackPlugin([ { from: path.join(cesiumSource, 'Widgets'), to: 'Widgets' } ]),
        new CopyWebpackPlugin([
          {
            from: path.join(cesiumSource, "ThirdParty/Workers"),
            to: "ThirdParty/Workers"
          }
        ]),
        new webpack.DefinePlugin({
          CESIUM_BASE_URL: JSON.stringify('')
        })
      ]
    })
    
    

    4.配置main.js;注册cesiumjs

    let Cesium = require('cesium/Cesium');
    let widgets= require('cesium/Widgets/widgets.css');
    Vue.prototype.Cesium = Cesium
    Vue.prototype.widgets = widgets
    

    遗留问题

    cesium集成进入项目之后,启动后控制台打印大量js
    在这里插入图片描述
    如果有老哥知道怎么回事;麻烦指点下;猜测是因为cesium并没有很好的支持es6;我又是全局注册;可能某个未知模块打印的;

    展开全文
  • cesiumjs倾斜数据 osgb

    2020-07-14 11:30:09
    cesiumjs数字地球 倾斜数据 osgb,
  • cesiumjs瓦片数据 3dtiles

    2020-07-14 17:09:57
    cesiumjs瓦片数据 3dtiles
  • CesiumJS起始

    2018-04-08 21:17:52
    Windows 下安装CesiumJS 在CesiumJS官网下载https://cesiumjs.org/downloads/。将下载好的Cesium-.zip压缩包,解压到你需要放置的目录下面。下载Node.js做为我们本地的服务器。https://nodejs.org/en/下载好的node ...
  • 角铯js 用于 AngularJS 的 CesiumJS
  • 我们将使用CesiumJs,Cesium Ion和一些3D模型来构建Flight Tracker。 本教程将向您展示如何构建第一个Cesium应用程序,以通过FlightRadar24收集的雷达数据可视化从旧金山到哥本哈根的真实航班。 您将学习如何: ...
  • 数据包循环铯 Packetloop 自定义构建的 CesiumJS
  • CesiumJS功能汇总

    2021-07-23 17:43:50
    CesiumJS功能汇总 汇总1 汇总2 不做说明了,能看懂的自然能看懂。
  • CesiumJS1.6

    2019-08-23 22:16:32
    官网上的CesiumJS1.6下载很慢,所以我这里弄了一个网盘地址: 链接:https://pan.baidu.com/s/11nR7J5RUQRAux2Igaczt7Q 提取码:nd3j
  • CesiumJS官方博客

    2020-01-09 13:41:23
    CesiumJS 官方博客——圣诞老人追踪APP背后的技术 https://cesium.com/blog/2018/12/14/tech-behind-santa-tracker/
  • CesiumJS 快速入门指南

    千次阅读 2018-10-16 17:16:16
    001 安装Node.js Node.js 下载链接:https://nodejs.org/en/ 根据指示进行安装即可。 002 下载CesiumJS安装包 CesiumJS 下载链接:https://cesiumjs.org/downloads/  
  • VueCesium-用于GIS的CesiumJS的基于Vue 3.x的组件库。 :flexed_biceps: Vue 3.0合成API :fire: 用TypeScript编写 状态:测试版 该项目仍在大力开发中。 欢迎加入我们,并提出您的第一个请求。 语言能力 文献资料 ...
  • CesiumJS中文网地址

    2020-09-07 10:51:32
    CesiumJS FR:徐海涛(hunk Xu)
  • 本课程是一套基于GIS+BIM的三维地理信息系统框架,学习本课程可以快速掌握cesiumjs开发GIS+BIM的地理信息系统,三维系统等。学习本课程可以提高对三维渲染,地理信息GIS+BIM的认识,为您的学习与开发工作节约大量...
  • CesiumJS进阶攻略之初识Cesium 一.什么是Cesium? Cesium是一个javascript库,所以它的全面其实叫做Cesium JS,Cesium是开放源代码的,任何个人和企业都可以免费使用。 对于Cesium的用途,一句话足以说明问题:用来...
  • CesiumJS实现自定义浮框
  • cesiumjs绘制风机

    2021-06-16 14:58:23
    cesiumjs绘制绘制风机 前言 项目中遇到需要将风机在地图上展示,并且描绘出风机停止运转时的叶片姿态及位置等。此篇博文包含根据经纬度获取当前位置地形高度,坐标系转换为以当前位置为原点进行偏移、旋转等。 主要...
  • CesiumJS环境搭建

    千次阅读 2018-01-17 16:59:23
    首先你要下载Cesium (当前版本1.41,下载地址:https://cesiumjs.org/downloads/) 和NodeJS安装包,(当前9.3.0, 下载地址:https://nodejs.org/en/)   二 搭建WEB服务器 这里有两种方法,一种是官网引导教程中...
  • Cesiumjs开发-环境搭建

    千次阅读 2017-08-10 20:53:34
    Cesiumjs是一套JavaScript库,用来渲染3D地球,2D区域地图。 在官网下载下载下来后解压得到的文件目录如下图所示。 其中Apps是View的例子程序,Build里是Cesiumjs的js库,在自己创建项目的时候可以将这个...
  • 如何将2D数据装入CesiumJS

    千次阅读 2018-09-20 15:10:28
    如何将2D数据装入CesiumJS 原文链接:https://blog.safe.com/2018/08/bring-2d-data-cesiumjs/ 使用CesiumJS,你可以创建web可视化在浏览器中展示你的空间数据—从而可以轻松地与任何人共享您的数据。以下是我为3D...
  • cesiumjs是一个基于javascript的、开源的,二、三维地图开发库。CesiumJS官网地址为:https://cesiumjs.org。 cesiumion是cesiumjs官方云服务器,用于上传自己的数据,并可以在里面发布成服务。 官网地址为:...
  • Cesiumjs初学第一天

    2019-10-07 16:35:53
    官网demo地址: ...label=Showcases 1,下载cesiumjs的时候,建议把整个目录拷贝到项目中(不用服务器也可以,目录不变就行,依赖文件较多,我用的hbuilder) 2,拷贝demo本地...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,870
精华内容 1,948
关键字:

cesiumjs