- 博客(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
原创 外部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
原创 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关注的人