摘要:function CompareDate(d1,d2){ //将所有的短横线替换为斜杠 return ((new Date(d1.replace(/-/g,"\/"))) > (new Date(d2.replace(/-/g,"\/")))); } var current_time = "2007 阅读全文
posted @ 2021-03-09 09:58 昜木辰deブログ 阅读(78) 评论(0) 推荐(0) 编辑
摘要:需求:通过给定的坐标和层级,算出其所对应的瓦片位置(xyz) function calculateTileXY(_lon, _lat, _level) { let topTileFromX = -180; //坐标系原点的x的值,我这里用的4490, let topTileFromY = 90; / 阅读全文
posted @ 2021-03-02 17:30 昜木辰deブログ 阅读(186) 评论(0) 推荐(0) 编辑
摘要:1、ArcGIS动态服务 import ImageLayer from 'ol/layer/Image'; import CustomImageArcGISRest from "./CustomImageArcGISRest"; function createDynamicArcGISLayer ( 阅读全文
posted @ 2021-01-27 19:24 昜木辰deブログ 阅读(71) 评论(0) 推荐(0) 编辑
摘要:import Tile from 'ol/layer/Tile' import XYZ from 'ol/source/XYZ' const OlSetting= {} OlSetting.TDT_TYPES = { 'VEC_C': 'vec_c', //矢量经纬度 'VEC_W': 'vec_w 阅读全文
posted @ 2021-01-27 19:11 昜木辰deブログ 阅读(38) 评论(0) 推荐(0) 编辑
摘要:import proj4 from "proj4"; import {register} from "ol/proj/proj4"; import {Projection} from "ol/proj"; function definedProjection (_epsg) { let projec 阅读全文
posted @ 2021-01-27 19:07 昜木辰deブログ 阅读(75) 评论(0) 推荐(0) 编辑
摘要:在IE11, import axios from "axios"; let ser = axios.create({ headers: { 'Cache-Control': 'no-cache' } }); ser.interceptors.request.use(config => { if (c 阅读全文
posted @ 2021-01-27 19:03 昜木辰deブログ 阅读(46) 评论(0) 推荐(0) 编辑
摘要:因为项目要求必须在IE11上面运行,经过了多次尝试,特此总结方法 1、 webpack.base.conf.js中 { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test'),resolve(' 阅读全文
posted @ 2021-01-27 18:54 昜木辰deブログ 阅读(70) 评论(0) 推荐(0) 编辑
摘要:原先使用的是Ztree,后来因为更多的定制化要求,还是手写一个算了 <template> <div> <menu-tree :nodes="nodes" :selected="currentCameraId"></menu-tree> </div> </template> <script> impo 阅读全文
posted @ 2021-01-27 17:04 昜木辰deブログ 阅读(97) 评论(0) 推荐(0) 编辑
摘要:<div style=" overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 218px;"> {{ data.label }}</div> 一定要给宽度!!!! 阅读全文
posted @ 2021-01-26 15:16 昜木辰deブログ 阅读(41) 评论(0) 推荐(0) 编辑
摘要:cnpm install hls.js --save <template> <video ref="videoRefsmall" :width="(16/9)*smallVideoHieght" :height="smallVideoHieght" controls></video> </templ 阅读全文
posted @ 2021-01-17 15:04 昜木辰deブログ 阅读(269) 评论(2) 推荐(0) 编辑
摘要:在大数据量场景下Vue的数据监听机制决定了让渲染性能被降低,基于Vue实现的常规树组件几乎无法胜任上万条数据的高性能渲染,在IE浏览器(即便是IE11)中很容易导致页面卡死在,这个领域ztree是当之无愧最成熟的方案。 有前辈使用了vue-giant-tree组件对Ztree进行了vue的封装,但是 阅读全文
posted @ 2021-01-15 23:07 昜木辰deブログ 阅读(199) 评论(0) 推荐(1) 编辑
摘要:vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,只关注开发就OK。 1.安装vue-cli ① 使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入: 阅读全文
posted @ 2020-12-15 14:00 昜木辰deブログ 阅读(198) 评论(2) 推荐(0) 编辑
摘要:OpenLayer中加载ArcGIS服务提供了最常用的TileArcGISRest方法,实际上我们从浏览器的network捕捉的每次的请求链接亦或者看其源码,都会发现,它实际上调取了arcserver的REST API中的export接口,对于普通的服务来说确实足够了,但是对于地图服务内容比较多的服 阅读全文
posted @ 2020-12-15 13:53 昜木辰deブログ 阅读(180) 评论(0) 推荐(0) 编辑
摘要:OpenLayer原则上只支持EPSG:4326和EPSG:3857,其中EPSG:3857是创建容器时,如果不声明,默认使用的坐标系,那么如果需要别的坐标系的话,就需要自己定义和配置, 一般情况下,自定义坐标系都是可以在EPSG.IO上面找到对应的EPSG所对应的详细参数 下面时配置方法 1、引入 阅读全文
posted @ 2020-12-15 11:43 昜木辰deブログ 阅读(208) 评论(0) 推荐(0) 编辑
摘要:EventBus可以很方便的进行子组件之间的通信,有时候就可以不用回传到父组件,再转走 设置方法: 我习惯对整个项目使用一个EventBus,方便管理, 创建一个js,命名为EventBus.js,放置位置在@/util/EventBus.js这个位置 在该js中设置: import Vue fro 阅读全文
posted @ 2020-12-15 11:21 昜木辰deブログ 阅读(134) 评论(0) 推荐(1) 编辑