yangniceyangyang的博客

原创 Threejs 实现3D影像地图，Json地图，地图下钻

使用threejs实现3D影像地图效果，整体效果看起来还可以，底层抽象了基类，实现了通用，对任意省份，城市都可以只替换数据，即可轻松实现效果。

原创 ArcgisServer GP模型（克里金插值）服务

arcgisserver gp发布

原创 cesium div偏移 位置偏移 popup位置偏移 弹窗偏移

背景： 最近cesium交流群里看到好几个人都在问偏移问题。回答过几次 ，所以写个水文。到时候估计大家上网一搜就能搜到这篇。 在做popup弹窗的时候。思想是：需要将Cartesian3坐标转换为屏幕坐标 然后设置给div。就可以实现pop跟随。但是如果没有设置C3的高程 直接进行转换屏幕坐标 就会出现偏移。解决办法：将要转换的Cartesian3加上高程后 再进行转换屏幕坐标 就可以了...

转载 Cesium坐标系

坐标系在GIS中无处无在，发挥着重要作用，在Cesium里面使用数据也离不开坐标系，所以这里需要对地理坐标系做个扼要的介绍。对于地理空间而言，分为地理坐标系和投影坐标系，Cesium支持两种坐标系，WGS84和墨卡托投影坐标系。光以上还不够，计算机图形学上，模型叠加在坐标运算中又分为几个阶段的不同表现形式：本地坐标、世界坐标、经纬度坐标、笛卡尔坐标、屏幕坐标等，我们需要搞清它们之间的转换。1、世界坐标转地理坐标var cartographic = scene.globe.ellipso

原创 Cesium 粒子系统相关类说明

1.ParticleSystem 是最上层需要加到场景中的primitive对象，2.Particel 是组成PrimitiveSystem粒子系统的单个粒子3.ParticleEmitter 粒子发射器 粒子发射器 定义了粒子是以那种方式向场景中发射出粒子 进而组成粒子系统，其中有： 3.1 BoxEmitter 3.2 CircleEmitter 3.3 ConeEmitter 3.4 SphereEm...

翻译 【翻译】【cesium】Introduction to Particle Systems(粒子系统)

This tutorial will teach you about the Geometry & Appearances system available with the Primitive API. This is an advanced topic for extending CesiumJS with custom meshes, shapes, volumes, and appearances and is not geared towards the typical Cesium us

原创 Cesium 3DTiles类关系说明

1.Cesium3DTileset ：瓦片集2.Cesium3DTile（瓦片集中的单个瓦片）:通过Cesium3DTileset.tileVisible来获取单个瓦片3.Cesium3DTileContent(单个瓦片中的所有的要素集合组成内容) 通过Cesium3DTile.content来获取。内部通过batch table来存储每个Feature的索引4.Cesium3DTileFeature(单个瓦片内容（要素集合）中单个要素) 通过 Cesium3DTileContent.ge...

翻译 【翻译】The CesiumJS Roadmap（Cesium 发展之路）2021年3月23日

Time flies. It is remarkable to think that CesiumJS just turned ten years old. During that time, CesiumJS has accumulated two million downloads with nearly one million last year alone. CesiumJS brought us from aerospace to drones to underground to underse.

转载 Threejs 快速入门(0)

现在什么都是3D，看电影3D，打游戏3D，估计3D打车，很快就会面世。那么作为前端开发的标准语言，JS和3D能不能也搞出点大新闻呢？刚好最近在做一个活动时，就遇到了需要播放3D全景视频的需求，顺便就研究了一下Threejs，一个用于在浏览器中绘制3D图像的JS库（GitHub - mrdoob/three.js: JavaScript 3D Library.），这篇文章算是做个笔记，也希望能帮助到那些想快速入门的同学。最小环境首先，在正式学习Threejs前，有几个概念需要说明的。Threejs在底

转载 高冷的 WebGL(1)

在上一篇文章中，我给大家分享了，如何能快速入门Threejs。Threejs是一个用于在浏览器中绘制3D图形的JS库，其底层实际是对浏览器提供的WebGL Api进行了封装。作为一个好奇宝宝，看到了Threejs那些神奇的绘制3D图形Api，又怎么能抑制住想要钻进去一探究竟的冲动呢？所以今天的文章，就来给大家分享一下WebGL本身。WebGL（全写Web Graphics Library）是一种3D绘图标准，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加Ope

转载 基于 Threejs 的 web 3D 开发入门

导语随着软硬件的发展，在PC和移动端浏览器上进行web 3D开发的条件已经基本成熟了，出现了不少js 3D库，Threejs是js 3D库中的佼佼者。国内也有企业开始做一些应用尝试，某宝2016年双11就用ThreeJS做了一个比较酷炫的3D宣传页面刷爆了朋友圈。下图是用Threejs绘制的一个3D立方体动画的截图，在这个demo里，立方体会动态的旋转，threeJS 30行代码就可以完成这么一个demo。Threejs让没有丰富3D编程经验的web前端开发人员，也可以快速上手开发web 3D应用。

转载 2020-12-19

· WKT描述的几何对象WKT（Well-known Text）可以通过文本来描述几何对象。下面的例子可以比较快速、直观地说明什么是WKT： 几何类型 WKT例子 说明 Point Point (10 10) 点 LineString LineString ( 10 10, 20 20, 30 40) 有3个节点的线 ..

转载 OGC与GIS

I. OGC与OGC标准· OGChttp://www.opengeospatial.org/OGC全称Open Geospatial Consortium，自称是一个非盈利的、国际化的、自愿协商的标准化组织，它的主要目的就是制定与空间信息、基于位置服务相关的标准。这些标准就是OGC的“产品”，而这些标准的用处就在于使不同厂商、不同产品之间可以通过统一的接口进行互操作。在GIS领域，OGC已经是一个比较“官方”的标准化机构了，它不但包括了ESRI、Google、Oracle等业界..

转载 JavaScript用Math.asin()求反正弦值

1. 基本概念Math.asin()方法用于求一个数的反正弦值。它的语法形式如下所示：Math.asin(x);其中参数x应该是一个数字，即它的类型应该是Number。如果x不是Number类型的，那么它会先被强制类型转换为Number类型。参数x代表的是某个角的正弦值，而Math.asin()方法返回的正是用弧度值表示的这个角。x应该处于 [-1, 1] 范围内，因为正弦值的取值范围是 [-1, 1]。Math.asin()方法的返回值由下面的规则决定，规则中x...

原创 Cesium 获取屏幕窗口经纬度范围（2D和3D）

背景：由于entity实体过多，而又要一次性加载，所以用聚合(后台聚合)，聚合后台用的是pg的空间函数。前端去后台请求时 需要要携带当前屏幕所在地理范围参数 。解决方案：getViewExtend() { let params = {}; let extend = viewer.camera.computeViewRectangle(); if (typeof extend === "undefined") {//2D下会可能拾取不到坐标，extend返回.

转载 JS进阶(2)：人人都能懂的原型对象

目录一、为什么要使用原型对象二、如何使用原型对象三、绘制 构造函数——原型对象——实例 关系图四、总结凡是搞前端开发的或者玩 JavaScript 的同学都知道，原型对象和原型链是 JavaScript 中最为重要的知识点之一，也是前端面试必问的题目，所以，掌握好原型和原型链势在必行。因此，我会用两篇文章(甚至更多)来分别讲解原型对象以及原型链。在上一篇文章中，我们详细介绍了构造函数的执行过程以及返回值，如果没有看的同学，请点击链接 JS进阶(1)： 人人都能懂的构造函数 阅读，..

转载 JS进阶(1) —— 人人都能懂的构造函数

大家都知道原型和原型链是 JavaScript 中最经典的问题之一，而构造函数又是原型和原型链的基础，所以先了解清楚构造函数以及它的执行过程可以更好地帮助我们学习原型和原型链的知识。本文将从以下几个方面来探讨构造函数：1.什么是构造函数2.为什么要使用构造函数3.构造函数的执行过程4.构造函数的返回值1.什么是构造函数在 JavaScript 中，用new关键字来调用的函数，称为构造函数。2.为什么要使用构造函数学习每一个概念，不仅要知道它是什么，还要知道为什么，以及..

原创 屏幕分辨率、DPI、PPI、GIS里面的地图分辨率

1.屏幕分辨率屏幕上看到的亮光其实是一个个的发光点组成的，每个发光点在不同时刻都能代表不同的色彩。而这些发光点我们更常称之为像素。屏幕分辨率只是说的是在一定尺寸范围内，是由多少个像素组成的而已，和屏幕清晰度没有关系。只有当尺寸一定时，改变像素个数，那么就引申出一个单位 像素密度（PPI），像素密度计算公式是：对角线方向上的像素个数 / 对角线上的英寸。ppi理论上是越大，屏幕越清新，但是好像说是到了300y以上，人眼就分辨不出来了。那么有个疑问，像素有大小吗？答案是：在知道尺寸.

原创 Vue 自定义组件的流程思想

1.创建自定义组件inputNumber .vue文件,先实现编写组件内部内容。2.父组件调用2.1使用import引入自定义子组件 import inputNumber from '../components/inputNumber';2.2.将当前组件定义为父组件的子组件。使用components{inputNumber:inputNumber}2.3以标签形式调用子组件<inputNumber />3.调用组件的时候，一半都需要设置组件的一些初始值（...

原创 微信小程序（二）：加载wx-echart图表

简述:简述，既然是项目月报，那么肯定必须一些图表啊。所以想到用echart实现。我们都知道echart是针对PC端开发的图表js库，而echart也针对微信小程序开发了一套wx-echart图表js库，那就很比较easy了。效果图：看起来还凑合吧，用了大概3天时间左右，配置环境到上手开发，数据库用的是云数据库。...

原创 微信小程序（一）：环境搭建

简述：由于领导有需求，希望在手机上看到每个月的部门项目月报。但是咱也没做过安卓app开发啊，不过这不影响，考虑到方便（时间啊啥的）起见，我可以用小程序啊是不是，小程序云开发（不需要自己搭建服务器，数据库啥的），这岂不是美滋滋？！正好，可以多学习一下技能，很香么？！1.工欲善其事，必先利其器（环境搭建）： 1.去微信小程序官网下载IDE，进行安装（这一步骤参照网上教程，我就不截图了）...

原创 GeoServer 五 发布ArcGis切片（使用Geowebcache）

1.使用版本：geoserver 2.13.0geowebcache 1.10.02.部署geowebcache 1.10.0 安装方法：将下载的geowebcache独立部署包解压到geoserver的webapp目录下 例如：webapp/geowebcache配置：打开geowebcache\WEB-INF\web.xml，加入如下节点（arcgis文件夹路...

原创 arcgis 影像切片，不需要发布服务（生成png格式或者.bundle格式都可以）、可不是生成切片包哦

前言： 我准备用arcgis将tif影像切片，然后在用geoserver发布wmts（瓦片服务），我现在只有影像tif，所以第一步、使用最强大的arcgis先切片。目录切片图效果：1.打开arcmap，加载需要切片的影像图——>打开如下图工具2.生成切片方案（打开高级选项，存储格式中可以选择是松散型瓦片还是紧凑型），如下图3.开始切片切片图效果：...

转载 postgresql允许远程访问配置

目录1、修改postgresql.conf文件2、修改pg_hba.conf文件3、设置好后重启服务即可被远程连接。4、开放端口5、远程连接安装PostgreSQL数据库之后，默认只能本地访问连接。如果想在其他主机上访问PostgreSQL数据库服务器，就需要进行相应的配置。1、修改postgresql.conf文件在安装目录下data/postgresql.co...

原创 陕西省新型冠状病毒分布图，西安市新型冠专病毒分布图（截止时间2020-02-08）

原创 GeoServer四：uDig设置图层样式，导出为sld文件，加载到geoserver中

前言：上一篇讲到 可以使用 ArcMap2SLD_Setup_1.4.0可以导出.sld文件，但是有时候我导出的sld文件，加载在geoserver中不起作用。这一篇讲解使用uDig配色后导出为sld步骤1：安装打开uDig步骤2：点击 layer菜单-->add-->PostGIS步骤3：导出数据为shpfile文件，然后重新加载shpfile步骤4：配色，导...

原创 GeoServer三：arcmap配色，应用到geoserver

目录1.arcmap配色2.导出sld文件3.ArcMap2SLD （ArcGIS导出SLD文件 ）工具使用步骤4.geoserver中加载保存.sld文件5.图层应用style6.预览1.arcmap配色首先打开armap加载数据后，设置符号渲染后，将数据保存为.mxd文件2.导出sld文件由于在geoserver中支持的配色文件后缀为.sld文件，geo...

原创 GeoServer二：发布服务（postgis数据库）

目录1.打开geoserver页面登录系统，默认账号admin和密码geoserver2.新建工作区3.新建数据存储4.新建图层，选择需要发布的图层，点击发布5.预览6.项目中预览1.打开geoserver页面登录系统，默认账号admin和密码geoserver2.新建工作区3.新建数据存储4.新建图层，选择需要发布的图层，点击发布...

原创 postgresql 创建gis空间数据库，shp数据入库

目录1.postgresql创建空间数据库总共分为两步：1.1 创建普通数据库2.1 给数据库添加空间扩展2.shp入库步骤：2.1shp数据准备2.2 打开PostGIS 2.0 Shapefile and DBF Loader Exporter2.3 首先连接数据库2.4 选择要入库的shp文件2.5 修改SRID的值，双击SRID的值，设置导入数据的坐...

转载 GeoServer一：GeoServer的安装与初步使用

一、GeoServer简单介绍 GeoServer是OGC Web服务器规范的J2EE实现，利用GeoServer可以方便地发布地图数据，允许用户对特征数据进行更新、删除、插入操作，通过GeoServer可以比较容易地在用户之间迅速共享空间地理信息。GeoServer是开源软件。 GeoServer主要包含如下一些特点：兼容WMS和WFS特性 支持PostGIS、...

转载 GIS坐标系转换

地理坐标系变换是数据处理过程中常遇到的问题，今天就说下这方面的问题。如果遇到这种情景：两份数据有不同的坐标系，想叠加在一起显示，作图或显示精度要求不高。这种情况使用 ArcMap 的动态投影即可，ArcMap 的内部动投影机制会解决地理坐标系变换的问题。数据在显示的过程中，会实时的被转换，但不改变数据本身。如果我们需要进行地理坐标系转换，我们知道 ArcGIS Desktop 中提供了...

原创 GIS坐标系

GIS坐标系统分类1.地理坐标系统定义：地球表面上任一点的坐标，实质上就是对原点而言的空间方向，通常通过经度和纬度两个角度来确定，地理坐标，就是用经纬度表示地面点位的球面坐标。分类：根据坐标原点的不同，地理坐标系又细分为参心坐标系和地心坐标系。 1. 参心坐标系：参心坐标系是以...

原创 经线、纬线、本初子午线、南北东西半球

1.本初子午线定义和由来定义：连接南北两极的线叫经线或子午线。经线指示南北方向，所有的经线长度相等，经线标注的度数就是经度。国际上将通过英国伦敦格林尼治天文台原址的那条经线称为0°经线，也叫本初子午线。别名有：0°经线、首子午线、零子午线由来：因为当时不像纬度起点（即赤道）可以由地球自转轴决定，理论上任何一条经线都可以被定为本初子午线，故此在历史上曾对此线有不同定位。1851年御用天文...

原创 GIS大地水准面，大地体，旋转椭球体，参考椭球体，大地基准面

目录1.上图（先看完概念介绍，再看这张图地球逼近模拟图）2.大地水准面3.大地体（是对地球形体的一级逼近）4.旋转椭球体（是对地球形体的二级逼近）5.参考椭球体（对地球形体的三级逼近）6.大地基准面7.参考文章1.上图（先看完概念介绍，再看这张图地球逼近模拟图）2.大地水准面地球上凸下凹，崎岖不平，但是，海洋所覆盖范围远大于陆地。将海洋延展，...

原创 openlayers4.6.5 实现距离量测和面积量测

目录版本： openlayers4.6.5效果图：小插曲：实现原理：完整的js代码如下（鼠标样式图标 我没放上来，有需要的我给你发邮箱）：版本： openlayers4.6.5效果图：小插曲：原本使用ol官方提供的 量测例子，就挺不错的。但是由于放在项目中后。量测样式不知道为啥出不来，找了半天原因 也没有找到，单独在一个html中完全没问题。所以推测可能和项...

原创 前端借助js-xlsx读写excel

一.SheetJS简介： 官网简介：简化电子表格，读取，编辑和导出电子表格，可在网络浏览器和服务器中使用，支持没中excel文件格式， xlsx.full.min.js 是SheetJS的开源社区版本，所以说SheetJS也是有专业版和社区版本之分的 地址：https://sheetjs.com/ 下载社区版本的就可...

原创 java后台 计算请假时间（判断了周六周末和法定节假日和国家调休）

目录1.假设上班时间如下：2.请假时间计算方式：3.请假可能存在的情况：4.实现思路：5.代码奉上，只需传入时间参数1.假设上班时间如下： 上班时间为：08:30:00 中午休息时间为：12:00:00 到13:30:00 下班时间：18:00:00 每次请假必须至少请假半天（例如：08:30到12:00算0.5天 12:00到18:00算0....

原创 2019、2020年法定节假日整理 拿走点个赞好不好

2019: String[] legalHolidays2019= {//2019国家规定的法定节假日 "2019-01-01", "2019-02-04", "2019-02-05", "2019-02-06", "2019-02-07", "2019-02-08","2019-02-09", "2019-02-10","2019-04-0...

原创 解决laydate坑之chang回调无效 range开启

version号： laydate-v5.0.9最终效果：问题：如果是开启了range：true 范围选择的时候，chang回调没有效果的，但是我的需求是，在点击如下位置向前选择日期和向后选择日期的触发事件，change无效所以没法使用。但是在没有开启range：true的时候 ，点击这些位置的时候 change是可以正常触发的，解决办法：既然不能使用chang...

原创 laydate年份选择器 选择年份后 直接关闭

效果：问题：laydate使用年选择器的时候 希望在鼠标点击年份后，窗口就关闭了。但是并没有解决办法： // 检索年份初始化事件 laydate.render({ elem : '#year', type : 'year', theme : 'molv', change : function(value, date) { $("#year").va...