自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 Vue项目中OpenLayers中Style-Icon的图片路径写法

openlayers中style-icon图片路径的写法

2022-06-25 11:12:05 810

原创 el-table使用show-summary后指定某列不进行合计

这里写自定义目录标题el-table使用show-summary后指定某列不进行合计el-table使用show-summary后指定某列不进行合计1.el-table绑定summary-method事件<el-table border show-summary :summary-method="totalOutYear" :data="tableData">2.summary-method事件totalOutYear(param) { const { columns,

2022-05-18 15:16:34 2546 2

原创 转换base64颜色为rgba

getHex(src){ return new Promise((reslove,reject)=>{ var color = '', var image = new Image() image.src = src image.onload = function(){ var canvas = document.createElement('canvas') canvas.width .

2021-10-22 10:10:13 1444

原创 js字符串数组与数字数组互相转换

1.字符串数组转为数字数组var rnm = ['1','2','3','4']rnm.map(Number) //结果[1,2,3,4]2.数字数组转换为字符串数组var rnm = [1,2,3,4]rnm.map(String) //结果['1','2','3','4']

2021-10-22 10:06:05 182

原创 解决toFixed()在chorme浏览器中兼容性问题

解决toFixed()在chorme浏览器中兼容性问题问题:项目中有用到四舍五入保留两位小数的需求(不够两位小数的用0补齐),然后发现toFixed()函数在chorme中不能做到四舍五入解决办法:通过自己定义函数解决toFixed1(val,length){ let a = parseFloat(val)if(isNaN(a)){ return false} const b = Math.pow(10,length) let a = Math.round(a*b)/b let

2021-07-27 14:57:50 525

原创 leaflet.canvas-markers.js解决数据量多加载慢问题

leaflet.canvas-markers.js快速加载点数据1.安装插件2.引入插件3.将canvas图层加载到地图4.为icon创建图标5.创建点6.把点添加到canvas图层中1.安装插件npm install leaflet-canvas-marker2.引入插件import "leaflet-canvas-marker";3.将canvas图层加载到地图// 在地图上添加一个canvas图层let ciLayer = L.canvasIconLayer({}).addTo(ma

2021-04-28 11:35:40 3359 4

原创 leaflet+heatmap.js加载热力图(vue)

leaflet+heatmap.js加载热力图1.下载插件2.引入heatmap.js插件3.添加配置4.添加数据5.实例化热力图层6.添加热力图数据7.将热力图层添加到地图1.下载插件npm install heatmap.js2.引入heatmap.js插件import HeatmapOverlay from 'heatmap.js/plugins/leaflet-heatmap'3.添加配置let cfg = { radius: 0.05, //每一个热力点的半径

2021-04-28 10:54:07 1715 2

原创 leaflet.markercluster实现聚合

leaflet聚合效果(markercluster)1.下载插件2.引入插件3.实例化 markerCluster4.添加点到 makerClusterGroup5.将 makerClusterGroup 加载到地图中*6.设置默认点的图标*7.添加bindPopup事件8.设置聚合圈的颜色1.下载插件npm install leaflet.markercluster 运行此命令下载leaflet的markercluster插件2.引入插件// 引入 leaflet.markercluster

2021-04-28 10:27:56 2814 1

原创 vue实现网页跳转后网页标题的更换

首先在路由里面加meta,定义title属性{ path: 'hotspring', name: 'hotspring', meta:{ title:'温泉小镇' }, component: () => import ('../components/hotSpri

2020-12-14 16:58:33 351

原创 前端渲染和前端路由,后端渲染和后端路由

1.后端路由阶段■早期的网站开发整个HTML页面是由服务器来渲染的.服务器直接生产渲染好对应的HTML页面,返回给客户端进行展示。■但是,一个网站,这么多页面服务器如何处理呢?一个页面有自己对应的网址,也就是URL.URL会发送到服务器,服务器会通过正则对该URL进行匹配,并且最后交给一个Controller进行处理.Controller进行各种处理,最终生成HTML或者数据,返回给前端.这就完成了一个IO操作。■上面的这种操作,就是后端路由.当我们页面中需要

2020-12-10 14:41:36 181

原创 HTML表格合并

1.创建一个三行三列的表格,代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <table height="300" width="300" border="1" > <caption>我是标题</caption&

2020-12-03 08:57:38 7735

原创 热点区域标签

img中套用map以及area可以实现点击某部分图片触发一个链接,点击另一部分触发另一个链接<img src="mama.jpg" width=100 height=100 usemap="#map" /><map name="map"> <area shap="rect" coords="0,0,50,50" href="" alt=""> <area shap="circle" coords="75,75,25" href="" alt=""

2020-12-02 16:38:36 264

原创 vscode settings.json设置

{“typescript.locale”: “zh-CN”, // 语言// “terminal.integrated.shell.windows”: “D:\Develop\Git\bin\bash.exe”, // 默认的终端程序位置“workbench.colorTheme”: “One Dark Pro”, // 主题,需安装“git.autofetch”: tr

2020-11-23 16:48:01 725

原创 超图控制图层的显示与隐藏

// 控制倾斜摄影的显示与隐藏imgChange () {this.imgChecked = !this.imgChecked //点击之后切换图层的被选状态if (this.imgChecked === true) {scene.addS3MTilesLayerByScp(‘########/rest/realspace/datas/config/config’, //地址写到config那一级{ name: ‘config’ })} else {scene.layers.remove

2020-11-23 16:44:08 1202

原创 超图在地图上添加与删除kml文件

viewer.dataSources.add(Cesium.KmlDataSource.load(‘####.kml’,{camera: viewer.scene.camera,canvas: viewer.scene.canvas,clampToS3M: true})).then(function () {kml = viewer.dataSources.get(viewer.dataSources.length - 1)})} else {viewer.dataSources.

2020-11-23 16:39:15 1006

空空如也

空空如也

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

TA关注的人

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