webgis

翻译 Cesium入门教程(二)------图层 Imagery Layers

和自甴很熟 提交于 2020-04-14 03:09:51
【今日推荐】:为什么一到面试就懵逼!>>> 转载请注明出处 http://my.oschina.net/u/149294/blog/202464 本人建了一个QQ群:115883691,欢迎大家一起来讨论Cesium相关技术 Cesium支持通过许多标准的服务,渲染和以图层的方式组织高分辨率的地图,图层可以是有序的并且可以融合(blend)在一起。每个图层的亮度、对比度、伽马值、色调以及饱和度都能动态的更改。本教程将介绍一个图层方面的概念和相关的Cesium APIs。 开搞 我们先暂时忽略掉一些细节,直接开始写几句代码来添加一些图层。首先打开Sandcastle中得HelloWorld。这个例子创建了一个CesiumWidget,它包含了一个渲染Bing maps的单一图层。通过个CesiumWidget的构造函数传递一个附加参数,我们可以另外定义一个底图图层。我们使用Esri ArcGIS MapServer的数据作为底图。 var widget = new Cesium.CesiumWidget('cesiumContainer', { imageryProvider : new Cesium.ArcGisMapServerImageryProvider({ url : 'http://server.arcgisonline.com/ArcGIS/rest/services

翻译 Cesium入门教程(一)------环境配置 Hello World

橙三吉。 提交于 2020-04-13 16:20:54
【今日推荐】:为什么一到面试就懵逼!>>> 转载请注明出处 http://my.oschina.net/u/149294/blog/202433 本人建了一个QQ群:115883691,欢迎大家一起来讨论Cesium相关技术 首先确保你的浏览器支持Cesium 判断你的浏览器是否支持Cesium最简单的办法就是看你是否能成功的运行cesium的helloworld例子( 点这里(要翻墙才行) ),假如你看到如下的图像,祝贺你,你可以开始下边的步骤了(其实不翻墙你是看不到了,不过也没关系,只要你用的是最新版的firefox或者google chrome就没问题)。 Cesium用到了很多HTML5的技术,其中最重要的是WebGL。尽管这些标准正在被越来越广泛的应用,但是很多的浏览器和系统还是需要更新至新版版才能支持他们。假如上面的例子不能工作,这儿还有一些方法可以试试。 更新你的浏览器,Cesium团队大多使用Google Chrome,但是firefox,Safari和其他的一些浏览器也能很好的工作,假如你使用的是上面这些浏览器中的一种,那么确保你更新到了最新版。不幸的是当前版本的IE还不支持WebGL(貌似最新版支持了,不过没试过)。 升级你的显卡驱动。 假如还是不行,去http://get.webgl.org/看看,它提供了一些解决问题的建议。最后你可以到论坛寻求帮助。

webgis之geowebcache跨域

六月ゝ 毕业季﹏ 提交于 2019-12-16 15:57:42
使用web访问geowebcache的wtms服务,发现提升跨域, 修改配置文件如下,再重启,问题解决 增加如下内容 <filter> <filter-name>CorsFilter</filter-name> <filter-class>org.apache.catalina.filters.CorsFilter</filter-class> <init-param> <param-name>cors.allowed.origins</param-name> <param-value>*</param-value> </init-param> <init-param> <param-name>cors.allowed.methods</param-name> <param-value>GET,POST,HEAD,OPTIONS,PUT</param-value> </init-param> <init-param> <param-name>cors.allowed.headers</param-name> <param-value>Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers</param-value> </init

WebGIS基础知识

Deadly 提交于 2019-12-06 07:20:28
WebGIS是采用http协议,以Web浏览器为客户端的网络GIS。 网络GIS-GISService发展的必然。 1.需求增长,社会对地理信息需求迅速增长。 2.技术基础,网络技术快速发展,成为信息获取不可或缺的媒介。 WebGIS的发展趋势: 1.富客户端 RIA 2.开放式地理信息系统。 3.网络虚拟地理环境。 4.移动GIS和LBS WebGIS的构造策略: 1.基于服务器的应用系统。 服务器完成大部分GIS操作,Web浏览器进充当用户接口。 优点:兼容性好,对客户端要求低。 缺点:和服务器交互频繁,网络传输数据量大。 2.基于浏览器的应用系统. 优点:客户端功能丰富,处理能力强;服务器和网络负载较轻。 缺点:有些需要下载插件,安全性不高。 栅格地图切片的问题: 1.交互性不足:地图快照切片,没有信息内容。 2.个性化不足:固定的多比例尺。 矢量切片技术的优势:加载速度更快、信息更丰富、交互更灵活。 来源: oschina 链接: https://my.oschina.net/u/3758825/blog/1605396

WebGIS实战系列 一、环境准备

久未见 提交于 2019-12-06 02:11:01
目录 @ 前言 近期会在博客发布一系列有关 WebGIS 的实战课程,技术栈: vue 全家桶+ arcgis Server + arcgis API 3.x + asp.net 实现一个简单的城市供水管网系统。 前置知识准备: es6 语法 node 的简单安装包 vue 、 vue-cli 3.0 、 vuex , vue-router ,以及 elementUI 框架 axios asp net mvc 框架(后台可能会使用 koa2 ) arcgis SOE 开发扩展 arcgis server 功能 arcgis 的简单操作:发布地图服务,矢量化地图等等。 arcgis sde for postgresql 安装 ThreeJS 实现三维管道展示 我的环境是 arcgis 10.2 版本的,大家也可以进行安装。 可以补充一下这些知识,我也会在博客里面写有关代码的说明。 1. 加载地图 首先使用 vue-cli 创建一个项目,我是使用 element UI 进行搭建项目的整体框架,界面如下,代码我会上传到我的 github 上面 esri 推出了一个非 dojo 框架加载地图的一个包 esri-loader ,我们可以查看 https://github.com/Esri/esri-loader ,按照提示的步骤进行操作,首先输入命令: npm install --save

基于Html+js实现的瓦片式的Webgis栅格地图管理平台

余生颓废 提交于 2019-12-05 10:47:18
基于 Html+js 实现的 Webgis 栅格平台 成都领君科技提供的基于 HTML5+js 开发的瓦片式地图发布平台, 适用于几乎所有浏览器 ( IE6+ ,遨游,火狐,搜狗,谷歌, 360 ,世界之窗, Opera 等 ) 。功能模块包括如下两个部分:矢量地图生成切片工具和前台 javascript 调用切片开发包。 一、 提供矢量数据生成切片处理工具。 原始数据可以是 mif 数据或者 shp 数据,数据的组织格式可以是一个工程地图,也可以是多个工程地图,切片程序可以自动组合多个工程展现出一幅完整的地图。原始数据要经过 数据处理程序 处理成切片程序需要的格式,以此加快切片速度。 ( 数据处理程序 也由底层开发 , 读取矢量数据,矩形切割 ) 切片程序可以配置各种不同的显示样式,可以配置出类似百度或者谷歌样式的地图。 切片程序可以分块切割地图,即按照每个格子来切割地图,这样,可以实现 多台电脑 切割不同的位置,切割完成,拷贝到一起既可无缝连接。 同时,也可以选取一个 范围 进行切割,例如:地图更新了某一块区域或某一条道路,可以只对这个范围的数据进行切割,切完的图片自动和以前的图片拼接。切割的图片为 256*256 ,大小一般为 3 到 10K 。 切片程序也可以对于专题图层进行切割,生成透明 PNG 文件。 二、 基于 Javascript 前台调用切片