ion

Cesium笔记(3):基本控件简介—ImageryProvider地图瓦片地图配

夙愿已清 提交于 2020-07-25 07:28:13
cesiumjs中可定制多种图层,可以使用互联网上很多地图提供商的图层数据,也可以使用自己的地图数据。Cesium支持多种标准化格式的GIS瓦片服务,可以把栅格图层绘制到地球的表面——cesiumjs的地图图层本质上是一些瓦片数据,这些图层的亮度、对比度、色相均可以动态调整。 对于地图瓦片数据,OGC(Open Geospatial Consortium开放地理联盟)有很多标准,如TMS、WMTS、各个商业公司也有自己的内部标准。推荐阅读:《 OGC标准WMTS服务概念与地图商的瓦片编号流派-web地图切片加载 》 cesiumjs支持的图层格式 wms TMS WMTS (with time dynamic imagery) ArcGIS Bing Maps Google Earth Mapbox OpenStreetMap 默认地,Cesium使用Bing Maps作为默认的图层。这个图层被打包进Viewer中用于演示。Cesium需要您自己创建ion account然后生成一个access key用于访问图层数据。 Cesium ion Cesium ion是一个提供瓦片图和3D地理空间数据的平台,Cesium ion支持把数据添加到用户自己的CesiumJS应用中。下面我们将使用Sentinal-2二维贴图和Cesium世界地形,二者都需要ion的支持。

cesium 自定义ino logo。

别说谁变了你拦得住时间么 提交于 2020-05-02 01:26:28
<! DOCTYPE html > < html > < head > < title > hello word </ title > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < script src ="../Build/Cesium/Cesium.js" ></ script > < link href ="../Build/Cesium/Widgets/widgets.css" rel ="stylesheet" > </ head > < body > < div id = "cesiumContainer" ></ div > < script > var url = ' http://192.168.1.122:8080/geoserver/wms ' ; // Geoserver URL var viewer = new Cesium.Viewer( ' cesiumContainer ' ,{ imageryProvider: Cesium.createTileMapServiceImageryProvider({url:Cesium.buildModuleUrl( ' Assets/Textures/NaturalEarthII ' )}),

Cesium专栏-空间分析之地形等高线(附源码下载)

懵懂的女人 提交于 2020-05-01 23:12:36
Cesium Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。 关于等高线 等高线指的是地形图上高程相等的相邻各点所连成的闭合曲线。把地面上海拔高度相同的点连成的闭合曲线,并垂直投影到一个水平面上,并按比例缩绘在图纸上,就得到等高线。等高线也可以看作是不同海拔高度的水平面与实际地面的交线,所以等高线是闭合曲线。在等高线上标注的数字为该等高线的海拔。Cesium中的等高线主要是对Material进行操作。 效果图 简单的认知 先上几张图,对于等高线有个基本的直观了解,图片均来源于百度,如有侵权,请告知。 Cesium中等高线的做法 原理:修改Globe的Material属性,适应于全球的 具体步骤 1、并初始化地球,调用全球地形服务 Cesium.Ion.defaultAccessToken = 'xxxx'; var viewer = new Cesium.Viewer( 'cesiumContainer', { imageryProvider: new Cesium.UrlTemplateImageryProvider({ url: 'http://www.google.cn/maps/vt

Cesium专栏-填挖方分析(附源码下载)

落花浮王杯 提交于 2020-05-01 21:37:08
Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。 关于填挖方分析 从百度百科查找到的关于填方和挖方的定义如下: 填方:填方指的是路基表面高于原地面时,从原地面填筑至路基表面部分的土石体积。 挖方:指的是路基表面低于原地面时,从原地面至路基表面挖去部分的土石体积。 在简书里,也找到一篇 基于GIS的填挖方平衡分析 的文章,并给出了在ArcGIS软件中的实操。 本文着重要介绍的是在Cesium中如何计算填方与挖方,其中会借鉴小专栏里的另外一篇文章 Cesium专栏-剖面分析 中关于地形高度采样的内容。 需要注意的是:本文使用的计算方式只是一种研究行方案,用于拓展思路,并不是最准确的计算方式,请评估后慎用! 具体做法 1.定义地形服务,绘制施工区域 // 在使用地形服务前,请设置好 Cesium.Ion.defaultAccessToken var terrainProvider = Cesium.createWorldTerrain({ requestWaterMask: true, requestVertexNormals: true }); // 定义填挖方的基准面高度 var

Maven 私人服务器(Nexus)

时光毁灭记忆、已成空白 提交于 2020-05-01 21:21:34
回顾下 Maven 的构建流程,如果没有私服,我们所需的所有 jar 包都需要通过 Maven 的中央仓库或者第三方的 Maven 仓库下载到本地,当一个公司或者一个团队所有人都重复的从 Maven 仓库下载 jar 包,这样就加大了中央仓库的负载和浪费了外网的带宽,如果网速慢的话还会影响项目的进程。 私服是在局域网的一种特殊的远程仓库,目的是代理远程仓库及部署第三方构件。有了私服之后,当 Maven 需要下载 jar 包时,先请求私服,私服上如果存在则下载到本地仓库。否则,私服直接请求外部的远程仓库,将 jar 包下载到私服,再提供给本地仓库下载。 1. nexus 安装 我们可以使用专门的 Maven 仓库管理软件来搭建私服,这里我们使用 Nexus。下载地址: https://help.sonatype.com/repomanager2/download 。 Nexus 专业版是需要付费的,这里我们下载开源版 Nexus OSS,最新的是 OSS3.x,我们选择稳定的版本 2.x。 下载完成后,我们将压缩包解压到F盘,形成以下目录 接下来我们启动 nexus: 1)以管理员身份打开 cmd,进入到 bin 目录,先执行 nexus install 命令 再执行 nexus start 命令 2)打开浏览器,访问 http://localhost:8081/nexus 3

cesium 入门开发系列地图鹰眼功能(附源码下载)

穿精又带淫゛_ 提交于 2020-05-01 10:03:16
前言 cesium 入门开发系列环境知识点了解: cesium api文档介绍 ,详细介绍 cesium 每个类的函数以及属性等等 cesium 在线例子 内容概览 cesium 结合 leaflet 实现鹰眼图 cesium 自身 api 实现鹰眼图 源代码 demo 下载 cesium 结合 leaflet 实现鹰眼图方式 效果图如下 初始化 cesium function initialGlobeView() { Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3NjRjNGFjNy1jNDM3LTQzMTktODVlYS05YmFmOTAxYjk5MWUiLCJpZCI6Mzk5MSwic2NvcGVzIjpbImFzbCIsImFzciIsImFzdyIsImdjIl0sImlhdCI6MTUzOTU3OTE2NX0.-25udUzENRJ66mnICMK8Hfc6xgF_VP7P4sWkSHaUjOQ' ; var image_Source = new Cesium.UrlTemplateImageryProvider({ // url: 'http://mt0.google.cn/vt/lyrs=t,r&hl=zh-CN&gl=cn&x={x}&y={y}

Cesium-空间分析之通视分析(附源码下载)

纵饮孤独 提交于 2020-05-01 07:09:47
Cesium Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。 通视分析 通视分析是指以某一点为观察点,研究某一区域通视情况的地形分析。利用DEM判断地形上任意两点之间是否可以互相可见的技术方法,分为视线通视分析和可视域分析,前者判断任意两点之间或者多点之间能否通视,后者对于给定的观察点,分析观察所覆盖的区域。 其中可视域是从一个或者多个观察的可以看见的地表范围。可视域分析是在栅格数据数据集上,对于给定的一个观察点,基于一定的相对高度,查找给定的范围内观察点所能通视覆盖的区域,也就是给定点的通视区域范围,分析结果是得到一个栅格数据集。在确定发射塔的位置、雷达扫描的区域、以及建立森林防火瞭望塔的时候,都会用到可视域分析。可视域分析在航海、航空以及军事方面有较为广泛的应用。 本章节首先处理这两种分析中的较为简单的通视分析,即给定的任意两点之间是否可见。 简单的认知 先上几张图,对于通视分析有个基本的直观了解,图片均来源于百度,如有侵权,请告知。 Cesium中通视分析的做法 原理:采用射线法来判别两点之间是否有其他物体所遮挡(比如Entity、Primitive、Terrain、3DTiles等)

Cesium专栏-裁剪效果(基于3dtiles模型,附源码下载)

一个人想着一个人 提交于 2020-05-01 07:09:29
Cesium Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。 效果图 关于裁剪 裁剪在PS下大概都很熟悉,框出一个矩形选择自己想要的部分就是裁剪功能了,那么,在三维里,在Cesium中,可以模拟这种动态裁剪模型效果,本文侧重于基于3dtiles模型的裁剪效果。 需要提前预习的接口 ClippingPlaneCollection ClippingPlane Plane Cesium3DTileset CallbackProperty 具体操作 1、初始化地球,并开启深度测试 Cesium.Ion.defaultAccessToken = 'xxxx' ; var viewer = new Cesium.Viewer('cesiumContainer' , { imageryProvider: new Cesium.UrlTemplateImageryProvider({ url: 'http://www.google.cn/maps/vt?lyrs=s@716&x={x}&y={y}&z={z}' }) }); var scene = viewer.scene; viewer.scene

Ionic混合移动app框架学习

前提是你 提交于 2020-04-28 09:56:31
第一章 绪论 创建移动app有三种 安卓原生App,使用java语言,目前推荐kotlin语言,开发工具Android studio IOS原生App,使用Objective-C或者Swift语言,开发工具Xcode 混合移动App,使用web通用语言(HTML,css,js)+开发框架(Ionic) 了解三个独立的App编写Ionic应用程序 Ionic框架: 一个用HTML,css,js构成的用户界面框架,专门用于混合移动app的开发, 包含一个强大的命令行接口(CLI)和一套附属服务(如Ionic View和Ionic Creator) 最上层是Ionic框架自身--中间层是AngularJS(web应用框架)--最下层是Apache Cordova(允许web应用程序调用设备原生能力并将APP转换成原生App) 使用原生app的优劣势 优点: 开发工具和设备平台紧密绑定,IDE明确; 所有的原生api和功能对开发者都可用,不需要桥接方案; app性能尽可能优化,没有中间层的性能开销; 缺点: 开发语言只能使用一种或几种;主要是因为部署app到IOS和Android,需要熟悉多种语言和工具 最早的app是没有app商店的,属于移动web App应用,通过设备上的web浏览器进行加载,只使用web技术创建App并通过设备浏览器进行发布 优点:可以部署到多个平台

Ionic01 简单介绍、环境搭建、创建项目、项目结构、创建组件、创建页面、子页面跳转

亡梦爱人 提交于 2020-04-26 06:33:09
1 Ionic 基本介绍    Ionic 是一款基于 Angular、Cordova 的强大的 HTML5 移动应用开发框架 , 可以快速创建一个跨平台的移动应用。可以快速开发移动 App、移动端 WEB 页面、微信公众平台应用,混 合 appweb 页面。    Ionic官网   1.1 ionic、cordova、angular之间的关系     ionic=Cordova+Angular+ionicCSS     Ionic 是完全基于谷歌的 Angular 框架,在 Angular 基础上面做了一些封装,让我们可以更快 速和容易的开发移动的项目。Ionic 调用原生的功能是基于 Cordova,Cordova 提供了使用 JavaScript 调用 Native 功能,ionic 自己也封装了一套漂亮的 CSSUI 库。 2 Ionic环境搭建   2.1 安装Node.js     详情参见度娘     技巧01:安装完node.js后就可以使用npm命令了          2.2 安装 cordova、ionic     技巧01:利用 npm 安装cordova和ionic,如果安装失败请换cnpm进行安装     技巧02:使用cnpm前需要利用npm进行安装 -> npminstall-gcnpm--registry=https://registry.npm