博客园 - 昜木辰deブログ
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=114437
2021-03-19T02:45:32Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
feed.cnblogs.com
https://www.cnblogs.com/yangzhengier/p/14503933.html
在JS中如何比较两个时间字符串的大小 - 昜木辰deブログ
function CompareDate(d1,d2){ //将所有的短横线替换为斜杠 return ((new Date(d1.replace(/-/g,"\/"))) > (new Date(d2.replace(/-/g,"\/")))); } var current_time = "2007
2021-03-09T01:58:00Z
2021-03-09T01:58:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】function CompareDate(d1,d2){ //将所有的短横线替换为斜杠 return ((new Date(d1.replace(/-/g,"\/"))) > (new Date(d2.replace(/-/g,"\/")))); } var current_time = "2007 <a href="https://www.cnblogs.com/yangzhengier/p/14503933.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14470168.html
根据地图的level及经纬度,算出其所对应切片的XYZ整列 - 昜木辰deブログ
需求:通过给定的坐标和层级,算出其所对应的瓦片位置(xyz) function calculateTileXY(_lon, _lat, _level) { let topTileFromX = -180; //坐标系原点的x的值,我这里用的4490, let topTileFromY = 90; /
2021-03-02T09:30:00Z
2021-03-02T09:30:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】需求:通过给定的坐标和层级,算出其所对应的瓦片位置(xyz) function calculateTileXY(_lon, _lat, _level) { let topTileFromX = -180; //坐标系原点的x的值,我这里用的4490, let topTileFromY = 90; / <a href="https://www.cnblogs.com/yangzhengier/p/14470168.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14336568.html
openlayer加载arcgis服务 - 昜木辰deブログ
1、ArcGIS动态服务 import ImageLayer from 'ol/layer/Image'; import CustomImageArcGISRest from "./CustomImageArcGISRest"; function createDynamicArcGISLayer (
2021-01-27T11:24:00Z
2021-01-27T11:24:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】1、ArcGIS动态服务 import ImageLayer from 'ol/layer/Image'; import CustomImageArcGISRest from "./CustomImageArcGISRest"; function createDynamicArcGISLayer ( <a href="https://www.cnblogs.com/yangzhengier/p/14336568.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14336525.html
openalayer在4528下加载天地图 - 昜木辰deブログ
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
2021-01-27T11:11:00Z
2021-01-27T11:11:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】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 <a href="https://www.cnblogs.com/yangzhengier/p/14336525.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14336512.html
常用的坐标系定义方法 - 昜木辰deブログ
import proj4 from "proj4"; import {register} from "ol/proj/proj4"; import {Projection} from "ol/proj"; function definedProjection (_epsg) { let projec
2021-01-27T11:07:00Z
2021-01-27T11:07:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】import proj4 from "proj4"; import {register} from "ol/proj/proj4"; import {Projection} from "ol/proj"; function definedProjection (_epsg) { let projec <a href="https://www.cnblogs.com/yangzhengier/p/14336512.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14336498.html
关于IE11浏览器同意请求只执行一次的解决方法 - 昜木辰deブログ
在IE11, import axios from "axios"; let ser = axios.create({ headers: { 'Cache-Control': 'no-cache' } }); ser.interceptors.request.use(config => { if (c
2021-01-27T11:03:00Z
2021-01-27T11:03:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】在IE11, import axios from "axios"; let ser = axios.create({ headers: { 'Cache-Control': 'no-cache' } }); ser.interceptors.request.use(config => { if (c <a href="https://www.cnblogs.com/yangzhengier/p/14336498.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14336481.html
基于Vue+iView+OpenLayer在IE11上运行的方法总结 - 昜木辰deブログ
因为项目要求必须在IE11上面运行,经过了多次尝试,特此总结方法 1、 webpack.base.conf.js中 { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test'),resolve('
2021-01-27T10:54:00Z
2021-01-27T10:54:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】因为项目要求必须在IE11上面运行,经过了多次尝试,特此总结方法 1、 webpack.base.conf.js中 { test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test'),resolve(' <a href="https://www.cnblogs.com/yangzhengier/p/14336481.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14335862.html
vue 树形目录结构 - 昜木辰deブログ
原先使用的是Ztree,后来因为更多的定制化要求,还是手写一个算了 <template> <div> <menu-tree :nodes="nodes" :selected="currentCameraId"></menu-tree> </div> </template> <script> impo
2021-01-27T09:04:00Z
2021-01-27T09:04:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】原先使用的是Ztree,后来因为更多的定制化要求,还是手写一个算了 <template> <div> <menu-tree :nodes="nodes" :selected="currentCameraId"></menu-tree> </div> </template> <script> impo <a href="https://www.cnblogs.com/yangzhengier/p/14335862.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14330491.html
css中DIV中字过多时,使用省略号的方法 - 昜木辰deブログ
<div style=" overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 218px;"> {{ data.label }}</div> 一定要给宽度!!!!
2021-01-26T07:16:00Z
2021-01-26T07:16:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】<div style=" overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 218px;"> {{ data.label }}</div> 一定要给宽度!!!! <a href="https://www.cnblogs.com/yangzhengier/p/14330491.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14289021.html
hls.js在vue中的使用 - 昜木辰deブログ
cnpm install hls.js --save <template> <video ref="videoRefsmall" :width="(16/9)*smallVideoHieght" :height="smallVideoHieght" controls></video> </templ
2021-01-17T07:04:00Z
2021-01-17T07:04:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】cnpm install hls.js --save <template> <video ref="videoRefsmall" :width="(16/9)*smallVideoHieght" :height="smallVideoHieght" controls></video> </templ <a href="https://www.cnblogs.com/yangzhengier/p/14289021.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14284650.html
关于在Vue中使用ZTree - 昜木辰deブログ
在大数据量场景下Vue的数据监听机制决定了让渲染性能被降低,基于Vue实现的常规树组件几乎无法胜任上万条数据的高性能渲染,在IE浏览器(即便是IE11)中很容易导致页面卡死在,这个领域ztree是当之无愧最成熟的方案。 有前辈使用了vue-giant-tree组件对Ztree进行了vue的封装,但是
2021-01-15T15:07:00Z
2021-01-15T15:07:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】在大数据量场景下Vue的数据监听机制决定了让渲染性能被降低,基于Vue实现的常规树组件几乎无法胜任上万条数据的高性能渲染,在IE浏览器(即便是IE11)中很容易导致页面卡死在,这个领域ztree是当之无愧最成熟的方案。 有前辈使用了vue-giant-tree组件对Ztree进行了vue的封装,但是 <a href="https://www.cnblogs.com/yangzhengier/p/14284650.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14138154.html
Vue-Cli脚手架搭建详细步骤 - 昜木辰deブログ
vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,只关注开发就OK。 1.安装vue-cli ① 使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入:
2020-12-15T06:00:00Z
2020-12-15T06:00:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】vue-cli这个构建工具大大降低了webpack的使用难度,支持热更新,有webpack-dev-server的支持,相当于启动了一个请求服务器,给你搭建了一个测试环境,只关注开发就OK。 1.安装vue-cli ① 使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入: <a href="https://www.cnblogs.com/yangzhengier/p/14138154.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14138119.html
openLayer加载ArcGIS切片 - 昜木辰deブログ
OpenLayer中加载ArcGIS服务提供了最常用的TileArcGISRest方法,实际上我们从浏览器的network捕捉的每次的请求链接亦或者看其源码,都会发现,它实际上调取了arcserver的REST API中的export接口,对于普通的服务来说确实足够了,但是对于地图服务内容比较多的服
2020-12-15T05:53:00Z
2020-12-15T05:53:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】OpenLayer中加载ArcGIS服务提供了最常用的TileArcGISRest方法,实际上我们从浏览器的network捕捉的每次的请求链接亦或者看其源码,都会发现,它实际上调取了arcserver的REST API中的export接口,对于普通的服务来说确实足够了,但是对于地图服务内容比较多的服 <a href="https://www.cnblogs.com/yangzhengier/p/14138119.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14137657.html
OpenLayer对容器Map自定义坐标系 - 昜木辰deブログ
OpenLayer原则上只支持EPSG:4326和EPSG:3857,其中EPSG:3857是创建容器时,如果不声明,默认使用的坐标系,那么如果需要别的坐标系的话,就需要自己定义和配置, 一般情况下,自定义坐标系都是可以在EPSG.IO上面找到对应的EPSG所对应的详细参数 下面时配置方法 1、引入
2020-12-15T03:43:00Z
2020-12-15T03:43:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】OpenLayer原则上只支持EPSG:4326和EPSG:3857,其中EPSG:3857是创建容器时,如果不声明,默认使用的坐标系,那么如果需要别的坐标系的话,就需要自己定义和配置, 一般情况下,自定义坐标系都是可以在EPSG.IO上面找到对应的EPSG所对应的详细参数 下面时配置方法 1、引入 <a href="https://www.cnblogs.com/yangzhengier/p/14137657.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14137488.html
Vue的EventBus设置 - 昜木辰deブログ
EventBus可以很方便的进行子组件之间的通信,有时候就可以不用回传到父组件,再转走 设置方法: 我习惯对整个项目使用一个EventBus,方便管理, 创建一个js,命名为EventBus.js,放置位置在@/util/EventBus.js这个位置 在该js中设置: import Vue fro
2020-12-15T03:21:00Z
2020-12-15T03:21:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】EventBus可以很方便的进行子组件之间的通信,有时候就可以不用回传到父组件,再转走 设置方法: 我习惯对整个项目使用一个EventBus,方便管理, 创建一个js,命名为EventBus.js,放置位置在@/util/EventBus.js这个位置 在该js中设置: import Vue fro <a href="https://www.cnblogs.com/yangzhengier/p/14137488.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14137309.html
超图iServer图层过滤渲染服务 - 昜木辰deブログ
使用iServer作为服务端,对已发出的超图rest服务如何做过滤展示,使用的是Vue 1、需要引入的依赖 import {LayerStatus} from "@supermap/iclient-common/iServer/LayerStatus" import {SetLayerStatusS
2020-12-15T02:55:00Z
2020-12-15T02:55:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】使用iServer作为服务端,对已发出的超图rest服务如何做过滤展示,使用的是Vue 1、需要引入的依赖 import {LayerStatus} from "@supermap/iclient-common/iServer/LayerStatus" import {SetLayerStatusS <a href="https://www.cnblogs.com/yangzhengier/p/14137309.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14137157.html
Vue函数有回调参数,添加参数时如何保留默认回调参数 - 昜木辰deブログ
前端在用iview组件,但是他有默认传参,如果带上自己想一起带到方法的参数 <Switch v-model="switch1" @on-change="change" /> 如果直接使用@on-change="change"这个所指向的方法 那么就会返回默认传参 true | false 但是我需要
2020-12-15T02:30:00Z
2020-12-15T02:30:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】前端在用iview组件,但是他有默认传参,如果带上自己想一起带到方法的参数 <Switch v-model="switch1" @on-change="change" /> 如果直接使用@on-change="change"这个所指向的方法 那么就会返回默认传参 true | false 但是我需要 <a href="https://www.cnblogs.com/yangzhengier/p/14137157.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14086473.html
vue项目Cesium配置详解(适用于Cesium1.60以上版本) - 昜木辰deブログ
一、Cesium环境配置 1.安装Cesium npm install cesium --save 2.在build/webpack.base.conf.js下 ①定义cesium源码路径 const cesiumSource = '../node_modules/cesium/Source' ②在
2020-12-04T08:24:00Z
2020-12-04T08:24:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】一、Cesium环境配置 1.安装Cesium npm install cesium --save 2.在build/webpack.base.conf.js下 ①定义cesium源码路径 const cesiumSource = '../node_modules/cesium/Source' ②在 <a href="https://www.cnblogs.com/yangzhengier/p/14086473.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/14069089.html
IIFE解析 - 昜木辰deブログ
1. 定义IIFE: Immediately Invoked Function Expression,意为立即调用的函数表达式,也就是说,声明函数的同时立即调用这个函数。对比一下,这是不采用IIFE时的函数声明和函数调用: function foo(){ var a = 10; console.lo
2020-12-01T08:34:00Z
2020-12-01T08:34:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】1. 定义IIFE: Immediately Invoked Function Expression,意为立即调用的函数表达式,也就是说,声明函数的同时立即调用这个函数。对比一下,这是不采用IIFE时的函数声明和函数调用: function foo(){ var a = 10; console.lo <a href="https://www.cnblogs.com/yangzhengier/p/14069089.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/yangzhengier/p/12864803.html
ThreeJS读取GeoJson文件,绘制地图板 - 昜木辰deブログ
从网上大神那儿找来的代码,稍微修改了一下,ThreeJS感觉好难用,文档写的太简单了,不好下手 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>3D</title> <link href="./css/ind
2020-05-10T12:08:00Z
2020-05-10T12:08:00Z
昜木辰deブログ
https://www.cnblogs.com/yangzhengier/
【摘要】从网上大神那儿找来的代码,稍微修改了一下,ThreeJS感觉好难用,文档写的太简单了,不好下手 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>3D</title> <link href="./css/ind <a href="https://www.cnblogs.com/yangzhengier/p/12864803.html" target="_blank">阅读全文</a>