maptalks 切换中心点 切换地图URL 有个需求,动态切换地图切片风格,切换中心点设置。秉着好记性不如烂笔头的心态,在此记录一下。直接上代码: setGISCenter(params = {}) { // 这里是设置图层的url, if(params && params.centerInfo && params.centerInfo.url) { this.customTileLayer.config({urlTemplate: params.cent
maptalks 自定义请求瓦片 url 最近地图需要适配第三方公司用 ArcGIS 生成的切片,查了一些资料,记录一下:urlTemplate的含义比较简单,只要url里有瓦片的x, y, z参数,用{x}替代相应的参数即可。另外urlTemplate也支持函数方式let url = 'https://xxx.cn/tiledmap/tiled_dark/{z}/{x}/{y}.png';let tempUrlHead = url.split('{z}'); let tileOption = { mi
vue 中 mitt 使用,兄弟组件通信 首先,引入"mitt": "^2.1.0",第二,创建bus.js 文件第三,使用需要在需要通信的两个组件里都引用 第二步中的bus组件1.vue // 触发事件的组件import emitter from '@/utils/bus';自己的方法(){ emitter.emit('fRefresh', { rule, isNew });}组件2.js // 监听事件的组件import emitter from '@/utils/bus';//
luckysheet 单元格新增属性 近期在用luckysheet库开发工作表相关的功能,期间需要在单元格中新增属性,查官方文档没有api,得自己改。看源码,没有找到直接可以修改的函数,按解答中答复,以为会有一个过滤属性的函数,也没有找到。后面又啃了很久源码,发现根本就没有过滤函数,数据是在单元格赋值时 只赋了几个固定的属性,咱们判断一下添加属性即可。具体修复方式记录一下:这个文件,赋值luckysheet/src/global/setdata.js//Set cell valuefunction set
vue 项目 创建记录 cli 3.x — 更新中 1,vue create 创建项目运行以下命令来创建一个新项目vue create hello-world你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset,也可以选“手动选择特性”来选取需要的特性。这个默认的设置非常适合快速创建一个新项目的原型,而手动设置则提供了更多的选项,它们是面向生产的项目更加需要的。如果你决定手动选择特性,在操作提示的最后你可以选择将已选项保存为一个将来可复用的 preset。我们会在
leaflet 加载百度离线瓦片 leaflet 加载百度瓦片 与 加载普通谷歌瓦片方法都一样,都是 L.map('cssid', mapOption);mapOption 坐标系 crs 需要使用 900913 , layer中 tms 需要为true。注意:普通谷歌瓦片的坐标系原点是 origin: [-180, 90] ,百度地图的瓦片坐标系原点是 origin: [0, 0]。以下是主要代码:const CRS_900913 = new L.Proj.CRS('EPSG:900913', '+proj=me
vue 2.x 监听数组变化 vue 2.x 子组件props 数组内容发生变化时,页面不刷新。可以通过 watch 监听,注意需要在监听数据下添加 deep: true 字段。props: {dataValue: { type: Array, default: function () { return []; }}}watch: { dataValue: { handler (val) { console.log(val)..
JS 数组原型方法,常用部分详解 join():用指定的分隔符将数组每一项拼接为字符串 push():向数组的末尾添加新元素 pop():删除数组的最后一项 shift():删除数组的第一项 unshift():向数组首位添加新元素 slice():按照条件查找出其中的部分元素 splice():对数组进行增删改 fill(): 方法能使用特定值填充数组中的一个或多个元素 filter():“过滤”功能 concat():用于连接两个或多个数组 indexOf():检测当前值在数组中第一次出现的位置索引 lastIn.
angularJs - 滚动加载 以前写过vue 滚动加载、angular8 滚动加载,这次遇到angularJs 滚动加载,记录一下1, html 页面需要在滚动的div 上添加控制代码 ng-controller="myProController" 和滚动指令 when-scrolled="scrolledLoadMore()"<div class="ngdialog-message" bindonce> <div class="select-group-user-container" ng-
angularJs - 弹窗 突然要维护前辈们的项目,angularJs 写的以前没有用过,在此记录一下1,首先是 html 弹窗页面<div class="ngdialog-title">{{ngDialogData.title}}</div><div class="ngdialog-message" bindonce> <div class="select-group-user-container"> <div class="left">
angular 管道的运用 简单版 管道 过滤数组一,管道文件filter-list-type.pipe.tsimport { Pipe, PipeTransform } from '@angular/core';@Pipe({ name: 'filterListType', pure:false})// 过滤数组中tyle不为3的 元素export class FilterListTypePipe implements PipeTransform { transform(value: a
JS –‘ENUM‘ - js中使用枚举 一个枚举是一种从事先定义好的一组常量转换而来的遵从制约的变量.使用枚举的原因:1,工具多样;2,每种工具状态多样;3,避免无效访问,提高代码可读性;那么JS 中如何达到枚举的效果呢?还需要配合 js 中的 freezeObject.freeze(object);Object.freeze()是ES5新增的特性...
mac 链接windows 共享文件夹 windows 电脑共享文件夹1,鼠标右键点击所需要共享的文件夹,选择属性2,选择- 共享 - 高级共享 -> 勾选共享文件夹 -> 权限 (添加需要共享的用户名)3,获取windows 电脑ipmac 电脑操作1,mac 电脑 桌面菜单栏(左上方) - 前往 - 链接服务器(最下)2,链接地址输入 smb://192.168.1.53 (windows 电脑的IP)3,账号:cangjie 密码:cangjie20204,选择文件夹 - shareCangj
同wifi 下 ssh scp传 文件 先在电脑上开启 sshmac 可开共享ssh allen@192.168.1.62输入密码另一台电脑复制文件scp xxx.zip allen@192.168.1.62:allen@192.168.1.62: // 加: 号为用户名目录下
echarts 纵向时间轴 调试预览代码如下:let list = [ { policy_content: '', policy_country: '北京', policy_time: '1999-06-11', policy_title: '测试数据 - 1', }, { policy_content: '', policy_country: '北京', policy_time: '2
记录vue 常用插件,滚动加载与虚拟滚动 滚动加载:参考地址https://blog.csdn.net/qq_37339364/article/details/86678452虚拟滚动:参考地址https://tangbc.github.io/vue-virtual-scroll-list/#/fixed-size
element-ui el-upload - 自定义 FormData 前端时间写到自定义上传记录一下:vue 2.xnode -v 12.14element-ui2.14.1 <el-upload class="upload-demo" drag ref="uploadFileRef" action="xxx" :limit='200' :auto-upload = 'false' :http-request="uploadSectionFile" .
leaflet 加载普通瓦片地图 vue 框架node -v 12.14.0leaflet 1.7.1主要代码:<template> <div id="refSuperMap" ref="refSuperMap" class="my-chart-leaflet"> </div></template>import '../node_modules/leaflet/dist/leaflet.css';import L from 'leaflet'; data