Giser_往事随风-优快云博客

一、解决cesium widgets.css is not exported from package在版本1.9以上版本后，按照官方文档引入css 时会报错：cesium widgets.css is not exported from package解决方案：1.node_modules里找到cesium的package.json文件，在exports里增加导出widgets.css"./widgets.css": "./Source/Widgets/widgets.

2022-05-03 20:45:09 3399

原创 Oracle配置st_geometry

关于Oracle如何配置st_geometry，可主要分为如下步骤：（注：文中出现的路径请替换为自己的安装路径）　 1 拷贝st_shapelib.dll文件到 oracle数据库的安装目录：D:\app\Administrator\product\11.2.0\dbhome_1\BIN ；　　其中，st_shapelib.dll可来自两个文件夹，（1）如果安装了arcgis desktop，可从D:\Program Files (x86)\ArcGIS\Desktop10....

2021-09-29 10:10:07 841

原创 shp 解析的数据添加至pg空间库中

上一文中我们已经解析好上传的shp.zip，获取到shp中的空间几何信息上传shp.zip并加载至arcgis地图中（web端）本文中将记录如何存储至pg 的空间库和从空间库中调取并加载至arcgis 地图中（由于本人已经好久没有做java后台，只能简单叙述下）一、存储至数据库1、先将解析好的数据转成wkt格式数据解析好的shp数据，可以看到每条数据中包含 geometry (存储空间信息),properties（存储属性信息）和默认的 type："Feature"...

2021-08-13 10:15:19 1676

原创上传shp.zip并加载至arcgis地图中（web端）

老规矩：先看效果图，是不是你想要的，别浪费时间，耍流氓嘛。老铁们说是不是？看完了效果图，到了这里应该都是真正需要的人吧，咱们慢慢来，这个是用 vue + element ui +arcgis js +jzzip+shapefile 完成的再说下思路：1、zip包解压2、shp 文件读取3、转化格式用 arcgis js 加载具体详细说明下：1、zip包解压，这里我们用到的是jzzip 这个js库2、shp文件读取：引入shapefile.js 这个类库这.

2021-07-22 14:19:23 4333 38

原创 JavaScript 的执行机制

首先来做一道题：console.log('1');setTimeout(function() { console.log('2'); process.nextTick(function() { console.log('3'); }) new Promise(function(resolve) { console.log('4'); resolve(); }).then(function() { ...

2021-07-05 16:31:45 194

原创 arcgis 4.17 结合 three js 实现炫酷效果

目录前言：一、arcgis js 结合 three.js 实现动态光圈二、arcgis js 结合 three.js 实现发光四棱锥（带动画和文本标签）前言：写这个博客是想 arcgis js 三维的效果在web端上有点不如人意（或许是我水平不够没有领悟到大arcgis的精髓），于是想试试结合three js 去做，实现稍微好看点的三维效果。作为一个giser ，本就不是计算机科班出身的，文化水平也不高，捣鼓这个真的很费脑细胞。网上的资料可供参考的完整能做下来的根本找不到，为了让大家

2021-05-24 18:26:16 4962 23

原创 vue请求数据时渲染页面报错（ created时promise请求处理）

首先说下今天遇到的问题：1、在页面中绑定的对象，使用substr时报错，或者绑定的对象中的属性显示未定义2、页面中绑定的对象中的属性的属性未定义报错信息如下：这些错误轻则不会影响页面，重则页面都打不开。问题原因：这些问题的出现是因为最开始请求后台的数据接口方法 fun A 写在 mounted 中，fun A 如下： getDetailData() { var that = this; var id = this.$route.query..

2021-05-10 15:58:01 3302 3

转载 vue的生命周期详解

Vue实例的生命周期简介此篇文章说的是最简单的单个VUE组件的生命周期。官网中的长图诠释了Vue实例从创建，运行到销毁的整个过程。从vue实例的创建，运行，销毁期间，总是伴随着各种各样的事件，这些事件统称为生命周期为了便于理解，再代码中创建vue实例，并在每个钩子函数中console出每个生命周期的el,data和message。此段代码可以直接复制。<!DOCTYPE html><html><head> <meta charse

2020-12-31 10:49:42 234

原创 js 总结

1.前端节流常用场景：鼠标移入移出，拖拽、滚动条监听时实现懒加载、防止高频点击提交、防止表单重复提交；以上场景经常会被频繁地触发（短时间按内多次触发），不做限制的话，有可能一秒之内执行几十次、几百次，如果在这些函数内部执行了其他函数，尤其是执行了操作 DOM 的函数（浏览器操作 DOM 是很耗费性能的），那不仅会造成计算机资源的浪费，还会降低程序运行速度，甚至造成浏览器卡死、崩溃。这种问题显然是致命的。除此之外，重复的 ajax 调用不仅可能会造成请求数据的混乱，还会造成网络拥塞，占用服务

2020-12-28 14:23:56 239 4

原创 arcgis js 4.18新体验：阴影滤镜图层

arcgis api for javascript 4.18 又双叕出了，感叹 esri 开发团队高产的同时，又不得不怀疑自己能否追的上技术更新换代的速度。唯有变被动为主动，不断的提高自己，才能拿跟上时代的发展。4.18所有的图层都添加了一个effect 这样一个属性，简单了解下，类似于前端css的filter 的滤镜效果话不多说，老规矩先看下实现的效果：直接上代码吧（是完整的代码哦），里面用到的技术是蒙版效果与滤镜属性相结合；<!DOCTYPE html&gt...

2020-12-18 16:44:34 1818 6

原创 arcgis js for JavaScript 4.X 移动轨迹动画

arcgis js 版本4.17 ，老规矩，先看下效果是不是你一直在找的移动轨迹 - -------------------- giser_kk原理就是设定好速度，定时器设置跑，找好角度，唯一难道可能就是移动的图像要与移动轨迹的角度保持一致源码地址：这个我上传了资源哈，赚点积分。嘿嘿.........

2020-12-14 13:58:29 5710 155

原创 css 总结

由于我写css实在太慢，布局结构再加上刚接触vue时间不多，特写此博客记录下css样式和布局心得，如有可优化的地方，请不吝赐教！1、首页导航栏点点击变色+跳转html：<div class="nav_list"> <ul > <li v-for="(item,index) in MenuData" :class="Index==index+1?'menu_check':''" :key="item+index" @cli

2020-11-25 10:33:42 610 1

原创 Cesium的学习之路（二）：底图切换

前言：为什么第一个想到的是这个功能？？因为在我看来，所有的gis应用，图层的控制显隐切换，是根本离不开的，也是最基础的。这一节的实现思路就是：实现加载天地图影像，天地图矢量，天地图地形图，然后绑定图层切换按钮，实现底图的切换。一、加载天地图等WMTS图层在cesium中加载wmts图层需要用到 Cesium 中的 WebMapTileServiceImageryProvider 类，先贴代码，在一一解释（加载天地图需要自己申请key）//天地图矢量//天地图矢量tha

2020-11-23 09:54:49 8674 13

原创 Cesium学习之路（一）：环境搭建

前言：最近又是心血来潮啊，把cesium捞出来学习学习一波吧，思来想去还是来csdn上记录下学习的过程和心得吧。本来想在自己网站上贴练习的例子的。这次学习cesium，是想结合自己有实际做GIS项目的经验和熟悉arcgis js api的经验，从实际的项目所需要的gis功能上针对性的去学习cesium可以实现的功能好了，废话不多说，开始进入正题 -----------------环境的搭建环境的搭建本人的环境是vue 3 ，然后cesium 1.751.首先引入cesium 1.

2020-11-13 14:56:13 762 2

原创 arcgis Tips

1、 4.16起的cim 中的cimlinesymbol不适用于3D2、 MapImagLayer 无 hitTest方法，也无高亮方法3、对多个属性进行筛选用simpleRenderer，如下simpleRenderer: { type: "unique-value", field: "grade", //"type", defaultSymbol: { type: "picture-marker" },

2020-10-14 16:25:34 1039

原创 arcgis js 4系列可打印下载输出地图图片

arcgis js 4系列可打印下载输出地图图片：效果如下图：主要用的就是4.10起的mapView和sceneView的takeScreenshot方法下面是源码地址：

2020-09-17 11:12:30 720 1

原创常用的地理和投影坐标系的WKID

每次总是忘了wkid编码对应的坐标系，特此做一集整理下我国的常用的地理和投影坐标系的WKID常用的地理和投影坐标系的WKID 类别 wkid 名称地理坐标 4214 GCS_Beijing_1954 地理坐标 4326 GCS_WGS_1984 地理坐标 4490 .....

2020-07-14 11:37:20 5754

原创 arcgis js4.15 调用GP服务

目录1.发布GP服务2.了解GP服务并测试GP服务成功与否3.arcgis js 调用GP服务1.发布GP服务这个说实话我不太会，不过网上有很多完整的教程2.了解GP服务并测试GP服务成功与否GP服务的一般格式：https://portal.ahslyj.gis/server2d/rest/services/ahlyj/minroute/GPServer这个是我GP服务地址，打开的样子如下图所示：不过这个不是我们在js中调用的地址，调用的地址要点击进我圈出的部

2020-07-02 15:32:25 1284 2

原创计算不规则多边形的中心、重心（js 实现）

在项目中经常会遇到这样一个问题：在不规则多边形的中心点加一个图标。之前的设计是，计算不规则多边形范围矩形bounds的中心点。这个比较简单，对于一些圆，矩形，凸多边形都比较适合。但是遇到凹多边形就会出现问题，比如一个月牙型的不规则多边形，bounds的中心点，就落到月牙外了。就有点难以接受了。这个问题之前困扰我很久，今天突然看到一个名词：”重心“问题瞬间迎刃而解！！特此记录一下首...

2019-03-10 16:38:18 12189 7

原创修改arcgis server默认js和css连接地址

当使用ArcGIS Server 10.1发布了一个地图服务之后，在ArcGIS Server 10.1的机器上使用浏览器进入http://localhost:6080/arcgis/rest/services这个页面，然后再选择一个地图服务进入，在新打开的地图服务的页面上有一个功能是"View in ArcGIS JavaScript"，点击之后弹出一个新页面来查看地图。但是新打开的页面所调用......

2019-02-12 18:21:21 1225 1

原创基于arcgis js标注点线面并存储到数据库

主要分为以下一个步骤：1、建立表2、后台接口3、前台ajax请求（存储和读取），arcgis js 渲染图形详解：（这里我就以点和线为例，面同线）1、点的表：字段名描述 id 主键 pointName 名称 pointDecrib 描述 lon 经度 lat 纬度 spatialReference 空...

2019-02-12 17:39:43 2969

原创基于arcgis js 地图动态效果切换

老规矩先来看下小构图，是不是各位看官所需要的：主要用的到是：模块：'dojo/_base/fx'类：basefx部分核心代码：function switchbaseMap() { var colorfullbasemapdiv = colorfullbasemap.getNode(); var graybasemapdi...

2019-02-01 17:15:11 2196 1

原创基于arcgis js实现长度、面积量算（重写方法）

先看下效果图，不是直接调用arcgis js 中的measure控件，是自己重写的方法：我们要用到Draw、GeometryService、还有几个符号类SimpleMarkerSymbol、SimpleLineSymbol、SimpleFillSymbol，这都是毋庸置疑的，其次，核心类是//测量 "esri/tasks/GeometryService", "esri/geom...

2019-01-28 16:07:26 1878

jdk1.8 64位：jdk-1.8.0.0-64

jdk1.8 64位：jdk_1.8.0.0_64

2023-04-13

openlayes + vue 最新版本实现轨迹移动动画

openlayes + vue 最新版本实现轨迹移动动画下载前请移步博客地址观看效果：https://blog.youkuaiyun.com/KK_bluebule/article/details/126847213 里面有详细说明

2022-09-14

Cesium绘制点线面的工具封装

使用之前先看博客，里面有工具的介绍： Cesium 实战记录（四）绘制点线面的工具封装 https://blog.youkuaiyun.com/KK_bluebule/article/details/126384623

2022-08-17

封装cesium的测量工具类

下载之前先看下使用教程吧，看看是不是你想要的: https://blog.youkuaiyun.com/KK_bluebule/article/details/126320645

2022-08-13

vue openlayers 流动线效果

资源下载不可直接运行，下载前可查看博客：https://blog.youkuaiyun.com/KK_bluebule/article/details/125694548 资源可供参考，因为只是一个vue页面和json测试数据

2022-07-09

shape解析并加载arcgis 地图中

本地上传shape 压缩包，前端解析并加载至arcgis中,下载下来直接可以跑，具体的项目详情可以移步博客观看：https://blog.youkuaiyun.com/KK_bluebule/article/details/118997455

2021-07-23

arcgis js 结合 three.js 实现流动的管道

arcgis js 结合 three.js 实现流动的管道。具体效果请移步到博客:https://blog.youkuaiyun.com/KK_bluebule/article/details/117229296

2021-05-25

光标标记（带字体）.rar

arcgis js 4.17 结合 Three.js 实现发光四棱锥，具体效果请移步到博客:https://blog.youkuaiyun.com/KK_bluebule/article/details/117229296

2021-05-24

arcgis js 4.17 结合 Three.js 实现动态光圈rar

arcgis js 4.17 结合 Three.js 实现动态光圈，具体效果请移步到博客:https://blog.youkuaiyun.com/KK_bluebule/article/details/117229296

2021-05-24

mp4 moov 前置工具

把MP4 moov 移动到文件开始处，便于流媒体点播。用法： 1,MoovTest.exe in.mp4 out.mp4 2,MoovTest.exe in.mp4 (覆盖in.mp4文件)

2021-04-16

arcgis js 4.18新体验：阴影滤镜图层

arcgis js 4.18新体验：阴影滤镜图层，具体效果可见博客：https://blog.youkuaiyun.com/KK_bluebule/article/details/111382043

2020-12-18

testMove2.0.rar

版本为最新版4.17的，直接下载可用，引用的全是在线资源，博客地址：https://blog.youkuaiyun.com/KK_bluebule/article/details/111166084 里面有效果图，可以先看效果，再决定下载，测试google打开正常运行图片不正常显示的建议放在web服务器下课正常显示

2020-12-15