自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 收藏
  • 关注

原创 sql函数总结

1.coalesce(null,1) 如果是null 返回12.:: 两个冒号用来类型转换3.NUMERIC 数据类型是一种精确数字数据类型,其精度在算术运算后保留到最小有效位4.to_chart(’’,‘mm-dd’) 日期转换5.ROUND(3.333,2) 函数用于把数值字段舍入为指定的小数位数。6. floor()向下舍入为指定小数位数7. ceiling()向上舍入为指定小数位数8. sum(t.count) over() 连续求和9. postgresql ext

2022-02-18 13:35:11 507 2

原创 web项目开发流程

来来来小冯带你走进web项目开发的世界,什么是web项目(就是你看的各种网站),不懂私信我,长得好看就教你如何做好一个项目。第一步项目调研这里简单说一下,我们主要说开发流程,大概我们要知道我们做什么,实现什么功能。第二步确认需求项目经理和产品经理对客户提出的需求确定、整理(尽量拒绝所有客户的需求虽然不可能)。第三步原型图设计原型需要反复和客户确认,不断修改确定最终版本(不要让开发直接开发,没有最初的架构,会导致项目越做越烂,地基要打好)。第四步项目团队开会过需求拿到最终原型图项目组讨论,.

2021-07-07 17:48:58 2785 7

原创 element table固定高度

设置height的高度可以设置固定高度height=“300px”也可以设置百分比高度height=“calc(100vh - 100px)”

2021-06-21 14:13:47 953

原创 js监听div的宽高变化

前言说明1.开发中会遇到监听div的宽高。比如宽高变化时echarts需要重新绘制。2.实现原理:把div放到iframe中,监听iframe的resize 事件。vue 调用import {ElementResize} from '@/utils/ElementResize.js//创建一个监听实例var eleResize = new ElementResize('#content'); eleResize.listen(function() { console.log('监听')

2021-06-18 15:33:53 3384 2

原创 vue项目mapboxgl本地化部署

一.说明1.下载json和png文件保存到一个目录文件下。2.下载字体库(.pbf文件)。3.下载mapboxgl.css和mapboxgl.js文件。4.下载路径以上所有文件下载 提取码 2vrh 。5.如有问题欢迎留言讨论。二.目录文件三.引用css和js文件四.加载底图代码 var that=this; this.map=new mapboxgl.Map({ style:{ "version" : 8,

2021-06-16 14:37:37 668 1

原创 js实现离散聚合点的计算

说明本示例使用的Turf.js里的clustersDbscan,他根据相邻点之间的距离聚合,在距离小于制定距离时将会聚合,一般引入前端地图渲染组件不需要自己计算,该方法结合echarts渲染效果更佳。优点:简单,直接通过距离聚合。缺点:数量集上千后就会导致卡顿。优化方案,可分批聚合,每次聚合300条,最后将每次的聚合结果二次聚合,这样能承受几万个点。但是误差会比较大。代码下载npm install @turf/turf代码块import * as turf from '@turf/turf'

2021-06-08 10:14:06 1730

原创 vue 将对象转为url qs.stringify

下载npm install qs -S引入const qs=require('qs')默认qs.stringify({ a: null, b: '' }); //输出 'a=&b='去除null转为 ‘’ 字符串qs.stringify({ a: 'b', c: null}, { skipNulls: true }) // 输出'a=b'

2021-01-20 10:18:59 1176

原创 element el-table溢出隐藏 鼠标移入显示内容

1. show-overflow-tooltip设置为true <el-table id="tables" :data="tableData"> <el-table-column prop="zdjc" label="阵地名称" :show-overflow-tooltip="true" ></el-table-column> </el-table>2.可

2020-12-08 15:11:09 1516 2

原创 Oracle Spatial 创建空间表

1.创建空间字段2.创建后出现的字段3.创建用户元数据4.创建索引5.插入数据6.判断点在面里

2020-12-07 21:17:38 211

原创 外部js访问vue页面内部方法

1.vue 文件<template> <div id="constructionSite"></div></template><script>import map from '@/components/map.js'export default { name: 'Home', data() { return { href: '' } }, c

2020-12-07 20:00:37 672

原创 Vue axios上传文件

axios拦截了请求,对请求的数据做了一些处理,而FormData传输文件不需要任何的处理。直接在axios上过载一个方法,躲过axios的拦截1.找到utils-request.jsconst service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, withCredentials: true, timeout: 50000})Vue.prototype.$instance=service2.在.vu

2020-12-01 15:10:46 170

原创 arcgis server断网后继续切图

打开arcmap找到相应服务右键-ManagerCache-ManagerTiles后选择重切的图层点击ok

2020-11-26 09:33:48 339

原创 cesium 建筑物加载(带高度)

1.加载建筑物var promise=Cesium.GeoJsonDataSource.load('static/qunee/json/huangpuqu.json'); promise.then(function(dataSource) { self.$viewer.dataSources.add(dataSource); var entities = dataSource.entities.

2020-11-04 15:22:00 899

原创 cesium draw点线面

1.直接引入js<script type="text/javascript" src="./static/qunee/bm_draw.js"></script>(function (Cesium) { var options = { viewer: null, width: 3, hasTerrain:false, ruler: { color: Cesium.Color.RED.w

2020-11-02 18:19:20 1622

原创 cesium 编辑面

cesium 编辑面状数据能够增删改节点(暂无法整体拖动)封装的编辑js左击编辑 右键删除节点 点击空白处保存 class EntityEdit { setEntityEdit(viewer) { this.viewer = viewer; this.initEventHandler(); } //鼠标事件 initEventHandler() { this.eventHandler = new Cesium.Scre

2020-11-02 18:08:40 1318

原创 gis项目海量撒点思路

1.解决办法一离散聚合点2.解决办法二将点位数据发布成服务,加载图片的形式加载数据。(1)数据同步问题:将数据发布到服务端(arcgis service 或geoserver)数据无法与数据库同步,这样需要创建sde库,保证数据更新的同时同步到服务端。(2)点击显示问题:可通过点击地图返回的坐标去sde库去空间查询(定义查询方式、内容、范围)。也可通过arcgis 服务做空间查询。参考:https://developers.arcgis.com/rest/services-reference/id

2020-10-28 20:00:08 892 4

原创 mui 滚动条复原

mui(’.mui-scroll-wrapper’).scroll().scrollTo(0, 0)

2020-10-28 01:25:02 201

原创 tomcat解決跨域

1.下载java包2. D:\apache-tomcat-8.5.58\conf\web.xml添加代码<filter> <filter-name>CORS</filter-name> <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class> <init-param> <

2020-10-28 01:21:42 141

原创 cesium加载Tomcat发布谷歌瓦片数据

cesium加载Tomcat发布谷歌瓦片数据1.配置jdk环境变量2.地图下载器下载瓦片数据放到tomcat下1.配置jdk环境变量2.地图下载器下载瓦片数据放到tomcat下3.cesium 加载代码 Vue.prototype.$viewer =new Cesium.Viewer(parm.id,{ imageryProvider:new Cesium.UrlTemplateImageryProvider({ url:httpurl+'/tms/

2020-10-23 22:59:43 1088

原创 Arcgis Services query 根据时间字段筛选

where = “time > timestamp 2018-10-20”time是服务发布的字段名称

2020-04-02 16:11:30 1200

原创 arcMap 发布切片服务

1.打开 arcMap软件;2.选取矢量文件;3.选择file-share as-service4.选取服务,给服务起名称下一步4.选一个文件夹下一步

2019-10-21 18:29:59 692

原创 Echarts点击事件(阻止冒泡)

var myCharts=self.$echarts.init(document.getElementById('myChart'));// 跳转前先解绑,防止重复跳转myCharts.off('click');myCharts.on('click',function(params){});

2019-10-21 14:44:54 5130

原创 ArcMap连接 arcgis server

1.打开 arcmap 软件。2.打开Catalog-Gis servers-Add arcgis server3.选择 administer gis server 下一步4.填写服务路径、用户名、密码 最后finish

2019-10-18 16:34:54 1337

原创 js获取本机ip地址

getIPs(function(ip){ }) function getIPs(callback){ var ip_dups = {}; //compatibility for firefox and chrome var RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnect...

2019-10-10 18:58:26 247

原创 openlayers 5.0 两种居中方式

1.map.getView().setCenter([data.x,data.y]);//居中到某点2.map.getView().fit(webgissource.POLYGONLayerAllshi.getExtent(), map.getSize());//居中到geometry视野中

2019-10-10 18:55:44 1579

原创 openlayers 5.0 离散聚合点

import {OSM, Vector as VectorSource} from 'ol/source.js';import {Fill, RegularShape, Stroke, Style} from 'ol/style.js';import Icon from 'ol/style/Icon.js'import Vectorlayer from 'ol/layer/Vector.js...

2019-10-10 18:49:13 564

原创 坐标转换WGS-84 转 GCJ-02 和 GCJ-02转WGS-84

/*//WGS-84 to GCJ-02*/ static wgs_gcj(lng, lat){ if (this.out_of_china(lng, lat)) { return [lng, lat]; }else{ var a = 6378245.0; // a: 卫星椭球坐标投影到平面地图坐标系的投影因子。 var ee = 0....

2019-10-10 18:38:49 1323

原创 js 计算时间差

/*计算相隔时间差 开始时间和结束时间的时间类型 yyyy-MM-dd HH:mm:ss*/ static timeCHA(starttime, endtime) { var day1 = new Date(starttime); var day2 = new Date(endtime); if (starttime && endtime != ""...

2019-10-10 18:35:32 135

原创 js上传文件时控制文件类型和大小

/*控制文件类型和大小 e是document*/ ConSizeType(e,[".jpg",".png",".jpeg",".JPG",".PNG",".JPEG",".pdf",".PDF",".doc"]) static ConSizeType(e,TYPE){ console.log(e.target) var target=e.target var i...

2019-10-10 18:32:18 580

原创 json类型数据前端导出excle

/*导出excle*/ static exportE(parms){ var jsonData = parms.returnStr; let str = '<caption hidden><p style="font-size: x-large;font-family: 黑体">轨迹数据</p></caption>' + ...

2019-10-10 18:28:18 132

原创 openlayers 5.0 热力图

import Vector from 'ol/source/Vector.js'import { Heatmap as HeatmapLayer } from 'ol/layer.js'import Feature from 'ol/Feature.js'import Point from 'ol/geom/Point.js'var webgissource={};webgissourc...

2019-10-10 18:25:18 377

原创 openlayers 5.0结合echarts迁移图

1.通过npm安装 :npm install openlayers_echart2.代码import ADLayer from 'openlayers_echart'//BJData数据格式 [[[[{name:天津, value: 100, point: [106.7,32]}, {name: 北京, point: [107.9,34.3]}]]],[[[{name:上海, valu...

2019-10-10 18:18:24 840

原创 openlayers 5.0 加载arcgis server 切片服务

var webgissource={}var view=new View({ center:[106.516,29.56] ,//中心点 zoom: 12,//当前等级 minZoom: 5,//最小等级 maxZoom: 17,//最大等级 projection: 'EPSG:4326'//坐标系 }) webgissource.Vecto...

2019-10-10 18:05:11 602

原创 openlayers 5.0 当地图容器大小改变时,重新加载地图

setTimeout(function () { map.updateSize(); },10)

2019-10-10 17:02:36 3185

原创 Oracle配置st_geometry

Oracle配置st_geometry1 拷贝st_shapelib.dll 文件 到 oracle数据库的安装目录:D:\app\Administrator\product\11.2.0\dbhome_1\BIN ;2 修改Oracle两个监听文件,分别为:extporc.ora ( 路径为D:\app\Administrator\product\11.2.0\dbhome_1\hs\ad...

2019-10-09 18:14:53 414

原创 openlayers draw矩形

var webgissource={}; webgissource.measure = new VectorSource(); webgissource.measurelayer = new Vectorlayer({ source: webgissource.measure, style: new Style({ fill: new Fi...

2019-06-21 19:54:51 1579 3

原创 ArcGIS API for JavaScript(4.x)初始化地图

require([ 'esri/Map', 'esri/views/MapView', "esri/geometry/Extent", "esri/geometry/SpatialReference", ], function ( Map,MapView,Extent,SpatialReference ) { //如果自定义切图底图则不需...

2019-04-14 19:27:35 1483

原创 ArcGIS API for JavaScript(4.x) 配置代理

1.代理路径配置require(["esri/config"], function(esriConfig) { esriConfig.request.proxyUrl = "localhost:8080/Java/proxy.jsp";//代理文件});2proxy.jsp代理<%@page session="false"%><%@page import="jav...

2019-04-14 18:29:30 1671

原创 arcgis js api dojoConfig配置

//dojoConfig必须在init.js引入之前配置。var dojoConfig = { paths: { packagebaseurl: "localhost:8080/project/packagemethod/js"//存放的路径 }};//配置好后就可以使用require([ "packagebaseurl/text",//...

2019-04-14 18:15:39 1158 1

原创 ArcGIS API for JavaScript(4.x)本地开发环境配置

修改文件一(init.js)位置:..\arcgis_js_api\init.js将https://[HOSTNAME_AND_PATH_TO_JSAPI]dojo替换成http://localhost/arcgis_js_api/dojo 修改文件二(dojo.js)位置:..\arcgis_js_api\dojo\dojo.js将https://[HOSTNAME_AND_P...

2019-04-14 17:40:55 695

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除