摘要: 专栏简介: WebGIS开发者@GIS之家,一直混迹GIS行业,关注WebGIS开发方向,在本专栏中,分享WebGIS入门开发系列技术文章 核心内容: arcgis api 3.x for js开发系列文章(持续更新中); arcgis api 4.x for js开发系列文章(持续更新中); cesium开发系列文章(持续更新中); openlayers开发系列文章(持续更新中); leaflet开发系列文章(尚未开始,敬请期待); mapbox开发系列文章(尚未开始,敬请期待); 适宜人群: WebGIS初学者 觉得本专栏内容对自己学习有所帮助的giser 专栏必备知识: JavaScript、HTML/CSS阅读全文
posted @ 2019-04-25 22:25 GIS之家 阅读(215) 评论(0) 编辑
摘要: GIS之家资源,包括arcgis软件系列、电子地图下载器、地图数据、离线arcgis api for js各个版本下载等等资源阅读全文
posted @ 2018-10-26 10:55 GIS之家 阅读(3409) 评论(0) 编辑
摘要: GIS之家经营群,专门给入群的giser解答咨询问题,包括服务范围如下: 1.GIS之家的arcgis api 3.x for js入门开发系列基础版本的代码指导,新人或者其他的giser在学习过程中遇到的代码不懂的地方以及技术难题,欢迎提出来; 2.GIS之家博客的文章的webgis相关知识点,遇到的代码不懂的地方以及技术难题,欢迎提出来; 3.各位giser在学习webgis过程中遇到的技术难题,也包括arcgis server以及geoserver部署地图服务操作等方面,欢迎提出来; 4.其他的gis相关情况了解,比如gis行情、gis职业、gis热点方向等等话题; 备注:GIS之家根据情况而定,回答问题不一定能够保证及时以及实时性,但是会尽力而为,有空的情况下一定会回答,希望可以理解;GIS之家不保证群友提出的问题,都能解答,但是只要会的,一定会回答。阅读全文
posted @ 2018-07-23 22:02 GIS之家 阅读(3427) 评论(0) 编辑
摘要: Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。关于地形开挖,地形开挖就是在地形表面,开挖出一定范围的区域,用于显示地形下的场景,经常用于城市管网、地下沟渠,排污通道等地下设施,或者地下建筑等等。阅读全文
posted @ 2019-06-15 21:58 GIS之家 阅读(10) 评论(0) 编辑
摘要: leaflet 入门开发系列环境知识点了解:leaflet api文档介绍,详细介绍 leaflet 每个类的函数以及属性等等;leaflet 在线例子;leaflet 插件,leaflet 的插件库,非常有用 内容概览;leaflet 实现地形剖面分析;源代码 demo 下载阅读全文
posted @ 2019-06-14 20:35 GIS之家 阅读(18) 评论(0) 编辑
摘要: 内容概览:1.openlayers5 结合 turf.js 实现等值线;2.源代码 demo 下载阅读全文
posted @ 2019-06-13 10:51 GIS之家 阅读(19) 评论(0) 编辑
摘要: 裁剪在PS下大概都很熟悉,框出一个矩形选择自己想要的部分就是裁剪功能了,那么,在三维里,在Cesium中,可以模拟这种动态裁剪模型效果,本文侧重于基于3dtiles模型的裁剪效果。需要提前预习的接口 ClippingPlaneCollection ClippingPlane Plane Cesium3DTileset CallbackProperty阅读全文
posted @ 2019-06-12 19:47 GIS之家 阅读(56) 评论(0) 编辑
摘要: Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证,本篇核心内容是cesium前端实现克里金插值渲染效果阅读全文
posted @ 2019-06-10 21:48 GIS之家 阅读(40) 评论(0) 编辑
摘要: 由于 arcgis api 4.x for js 目前没有提供的同时展示多个气泡窗口展示, Popup 默认只可以弹出一个,某些情况下,用户想加载弹出多个窗口,所以,本篇实现了 arcgis api 4.x for js 自定义多个气泡窗口展示效果,实现思路:采用 leaflet 气泡窗口样式 css ,自定义 arcgis api 4.x 气泡窗口 div 容器,地图叠加 div 不难,难的是如何随着地图动态改变而刷新自定义窗口的位置,这也是本篇的核心内容,通过监听地图的变化事件,从而动态刷新气泡窗口的位置变化。阅读全文
posted @ 2019-06-07 21:36 GIS之家 阅读(54) 评论(0) 编辑
摘要: Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。 关于视频投影 视频投影其实就是在三维场景中,播放实时视频,现在做三维实时视频的例子很多,比如公安行业监控摄像头的实时投影播放,广告行业在高楼的楼面播放制作的广告,或者在广场的大显示器上播放电影、电视剧等等。 原理 视频一般通过video的标签显示,可以把video作为一种特殊的材质赋给场景中的物体即可。阅读全文
posted @ 2019-06-06 12:45 GIS之家 阅读(49) 评论(0) 编辑
摘要: cesium 实现矢量瓦片加载效果;源代码 demo 下载阅读全文
posted @ 2019-06-05 23:31 GIS之家 阅读(45) 评论(0) 编辑
摘要: 因为在项目开发过程中,使用的arcgis js api版本是4.7,并不能支持客户端渲染热力图,想到arcgis js api 4.x的渲染是基于canvas,故琢磨着是否能借助类似于mapV、echart、heatmap.js等同样基于canvas的优秀可视化库来操作,本篇主要讲述拓展支持mapV图层的过程,我们可以参看mapV的相关说明,它的渲染是基于我们的屏幕坐标,而在arcgis api js 4.x中便有屏幕坐标和地理坐标的互相转换,所以这便是拓展的关键点,好了,我们来上手吧。阅读全文
posted @ 2019-06-03 19:38 GIS之家 阅读(47) 评论(0) 编辑
摘要: 测量是一个GIS系统最基本的,也是必备的模块,网上也有很多相关开发者分享过关于Cesium测量的技术文章,风格各异,但是大同小异,只要弄清楚了原理以及方法,其实每个人都可以写出自己的测量小工具。 测距 测距其实计算两点之间的距离,这个计算方法可以使用最原始的直角三角形求斜边的方法,但是我们也可以直接使用Cesium中Cartesian3接口的distance方法。Cesium.Cartesian3.distance(firstPoint, secondPoint); 计算方法已经有了,我们要做的就是添砖加瓦,做成一个可供用户交互的测距,并且实时显示距离长度的效果。阅读全文
posted @ 2019-06-02 22:28 GIS之家 阅读(126) 评论(0) 编辑