自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(226)
  • 资源 (6)
  • 问答 (1)
  • 收藏
  • 关注

转载 Echarts 解决饼图文字显示不全问题

第四步:文字换行展示,echarts给我们提供了一个 formatter(标签内容格式器,支持字符串模板和回调函数两种形式,字符串模板与回调函数返回的字符串均支持用。第二步:设置最小扇区角度,minAngle(最小的扇区角度(0 ~ 360),用于防止某个值过小导致扇区太小影响交互)第三步:avoidLabelOverlap(是否启用防止标签重叠策略,默认默认开启)第一步:调整文字的显示大小,手机上文字可以更小,这里我用的是8px字号。

2024-05-13 09:42:59 1813

原创 js中获取风向名称的方法

【代码】js中根据风向角度判断风向名称

2024-03-20 15:42:17 171

原创 echarts 模仿在线天数和离线天数的柱子,显示占比

【代码】echarts 模仿在线天数柱子和离线天数柱子,显示占比。

2023-09-13 16:11:42 278

转载 高德地图楼块样式自定义

【代码】高德地图楼块样式自定义。

2023-08-02 10:04:21 838

转载 高德地图楼块图层

【代码】高德地图楼块图层。

2023-08-02 08:58:02 428

原创 天地图绘制点、线、多边形工具,并获取绘制线的数据

二、效果(绘制线、多边形)

2023-08-01 15:07:24 2167 3

原创 高德地图实现水流效果

利用高德地图可视化API中的PulseLineLayer,实现水流的流动效果

2023-07-19 11:19:23 1799

原创 Leaflet 加载天地图

leaflet加载天地图的矢量图和影像图

2023-07-14 08:59:36 2329

原创 Leaflet Ant Path(水系流动效果)

利用Leaflet Ant Path插件实现水流动效果

2023-07-13 16:01:49 911 1

原创 leaflet +高德地图+风场

三、完整demo下载。

2023-07-13 15:18:02 794

转载 leaflet +高德地图纠偏

二、leaflet.ChineseTmsProviders.js。三、leaflet.mapCorrection.min.js。

2023-07-13 14:47:07 895 1

原创 leaflet加载高德地图

【代码】leaflet加载高德地图。

2023-07-13 13:02:50 1251

转载 Leaflet

前端地图插件库

2023-07-13 10:53:02 435

转载 在线瓦片地图url

腾讯、高德是GCJ02坐标系,百度是BD09坐标系,谷歌、必应是WGS84坐标系,天地图是CGCS2000坐标系,瓦片地图都是平面墨卡托投影。原文链接:https://blog.csdn.net/sinat_41310868/article/details/105959659。以下是各地图的瓦片地图地址,可以在QGIS中加载,也可以在openlayer或leaflet前端页面中加载。可使用国家天地图官网获取某些地址:https://www.tianditu.gov.cn/

2023-07-12 09:50:04 1256

原创 vue项目引用海康视频插件(web1.5),el-date-picker下拉选择时间面板会被遮盖问题解决。

大致意思就是当点击时间控件出现时间选择面板的时候把视频插件裁剪掉,时间控件失去焦点时再缝补回去,这种操作就不需要重新初始化插件的。一、海康插件浮窗的层级,会把项目中时间控件中的时间选择面板挡住,导致时间面板显示不全,无法选择时间。

2023-01-17 12:17:26 2456 3

原创 界面颜色的使用搭配

界面颜色的使用搭配

2022-09-24 14:33:15 223

原创 IDEA开发工具不识别@Slf4j注释标签原因未安装Lombok插件

Lombok项目是一个java库,它可以自动插入到编辑器和构建工具中,增强java的性能。不需要再写getter、setter或equals方法,只要有一个。IDEA开发工具不识别@Slf4j这个注释标签,set方法报错,请在settings---》Plugins---》搜索Lombok,安装此插件。settings----》VersionControl----》点击“+”按钮,选择Git或SVN,点击OK。,你的类就有一个功能齐全的构建器、自动记录变量等等。...

2022-08-01 14:15:40 3181

原创 个性化百度地图

百度地图个性化设置

2022-07-27 11:54:33 1498

转载 百度地图JavaScript API GL—简易行政区划图层

DistrictLayer 行政区图层

2022-07-20 10:59:07 1829

转载 el-input回车会自动刷新页面原因及解决方法

el-input回车会自动刷新页面原因及解决方法

2022-07-08 10:45:11 2780 1

转载 解决element-ui中,在表单中修改数据,表格的数据也跟着修改的问题

问题:在表单中修改数据,经常遇到表格的数据也跟着修改的问题,并且不管是不是按确定或取消按钮,表格的数据还是被修改了。部分代码如下:editRow(row: any): void { this.currentInfo = row; this.dialogVisible = true; this.title = '更新信息'; }问题原因:this.currentInfo = row;这段代码中,row是Object对象类型,如果直接赋值的话,就变成了浅拷贝,复

2022-05-17 14:05:50 1661

转载 tree-transfer穿梭树的组件封装

1.需求界面2.使用1).安装npm install el-tree-transfer --save2).组件封装新建公共组件:addressTreeTransfer.vue/* * @Author: duyan * @Date: 2020-07-31 14:37:51 * @Last Modified by: duyan * @Last Modified time: 2020-08-04 11:17:16 */<template> <di

2022-05-07 10:30:42 1531

转载 vue中elementui组件el-dialog拖拽(已处理边界情况)

Vue.directive("elDialogDrag", (el) => { const header = el.querySelector(".el-dialog__header"); const main = el.querySelector(".el-dialog"); header.style.cursor = "move"; header.onmousedown = (e) => { // 上次鼠标弹起时X轴的偏移量 let l = +main.st.

2022-02-11 15:59:49 1274 6

原创 webStorm自动格式化

webStrom保存时自动格式化

2022-01-19 10:13:19 3311

转载 Vue3 “export ‘createWebHistory, createRouter‘ was not found in ‘vue-router‘

Vue3 "export ‘createWebHistory, createRouter’ was not found in ‘vue-router’在vue3中vue-router写法要改变import { createRouter, createWebHistory } from 'vue-router'//import Router from 'vue-router'// Vue.use(Router) const routes = [ { path: '/ho

2021-12-02 15:56:54 1477

转载 warning package.json: No license field报错

只需要在package.json内对license添加“ISC”值即可 "license": "ISC",再次执行无误

2021-11-30 15:38:31 3221

原创 百度离线地图—绘制多边形(三)

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html{width: 10.

2021-11-30 08:55:30 860

原创 百度离线地图---加载卫星地图(二)

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html{width: 1.

2021-11-30 08:47:11 1327

原创 百度离线地图-加载地图(一)

一、源码<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html{w.

2021-11-29 16:08:50 1463 2

转载 喜欢的颜色

2021-11-15 15:57:59 104

原创 Css中transition过渡效果

<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><style> div { width: 100px; height: 100px; background: red; transition: width 2s; transition-timing-function: cubic-b.

2021-09-28 10:33:30 154

原创 css 动画效果

<html> <head> <style> .el-skeleton__item{ background:linear-gradient(90deg,#0dfbed 25%,#e6e6e6 37%,#f2f2f2 63%); background-size: 400% 100%; display: inline-block; height: 16px; border-radius: 4px; wi.

2021-09-27 13:44:02 298

转载 css3更改默认滚动条样式-webkit-scrollbar

浏览器自带的原始滚动条很不美观,在一些特殊需求中,我们需要对滚动条的样式单独设置,因此就出现了用-webkit-scrollbar来自定义滚动条的样式。。首先webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目前是不存在的。滚动条的组成::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或往左往右移动,

2021-09-14 12:20:06 557

转载 IDEA错误:Cannot start compilation: the output path is not specified for module “Test“. Specify the out

错误是发生在从github上checkout自己的项目时。因为没有将配置文件一起上传,所以在运行java程序时有了这个报错:Cannot start compilation: the output path is not specified for module “Test”. Specify the output path in Configure Project.其实这个错误是因为没有设置output的路径,只要修改两个地方的设置就可以了:1. 在Modules设置里勾选”Inherit

2021-09-14 12:12:07 562

原创 checkbox效果

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>选中标签forcheck</title><script src="./js/jquery-2.1.1.min.js"></script><style type="text/css">.riskSources label {cursor: pointer;.

2021-08-26 13:37:05 117

转载 vue项目运行后不能自动打开浏览器问题

在跟目录下找到config文件下的index.js文件,找到开发环境下的autoOpenBrowser改为true就可以了

2021-07-20 13:52:51 736

原创 echarts生成漂亮的地图

var tj = './json/tianjin.json';var mapname = tj;var myChart = null;var mapDate = [ { name: '蓟州区', value: [117.415079,39.98415], datas: 1354, img: 'image://asset/data-1619059442567-s5l7-f8Eu9.png', }, {.

2021-07-16 15:56:09 1667 2

转载 可视化篇:Echarts3.0引入百度地图(转载)

原文链接:https://blog.csdn.net/yc_1993/article/details/52431989update:由于目前echarts3.8.X比之前旧版改动较多,其实地图实例处许多朋友留言跑不通,今天更新下新版的做法,亲测已经可以。perface一直抽不开身,留言区以及不少朋友都在问如何在Echarts3.0里引入百度地图,由于之前写的是Echart2.0如何引入,但2.0目前已不再更新,所以这段时间断断续续研究了下,跟大家分享。Echarts3.0采用标签引入,其相.

2021-07-14 16:15:31 669

转载 可视化篇:Echarts2.0引入百度地图(转载)

写在最前Echarts作为百度团队下一个可视化的js库,自2.0更新至3.0以来,其带来的视觉冲击更加强悍,数据可视更加精美,图形交互更加贴合用户。由于echarts2在百度地图的实例上没有作过多的说明,echarts3更是删除了该实例,另外由于工作需要,捣鼓一番,作个笔记。下面针对的是echarts2.2.7,其源码下载地址为:http://echarts.baidu.com/build/echarts-2.2.7.zip百度API调用及echart库引入1. 百度API ak申..

2021-07-14 16:00:00 760

转载 webpack4系列教程(三):自动生成项目中的HTML文件

传送门:webpack4系列教程(一):初识webpackwebpack4系列教程(二):创建项目,打包第一个JS文件1. webpack中的CommonJS和ES Mudule 规范1.1 CommonJs规范CommonJs规范的出发点:JS没有模块系统、标准库较少、缺乏包管理工具;为了让JS可以在任何地方运行,以达到Java、PHP这些后台语言具备开发大型应用的能力。在CommonJs规范中: 一个文件就是一个模块,拥有单独的作用域; 普通方式定义的变量、函数、对...

2021-07-08 19:27:19 366

Echarts图表可视化大屏显示

Echarts图表可视化大屏显示,可视化大屏适合初学者,包括基础的布局,echarts图表的使用等

2024-03-07

leaflet+高德地图+风场

引入leaflet地图插件,引入风场libwind.min.js插件,添加高德地图瓦片 //风场图层初始化 let windField = L.velocityLayer({ colorScale: [‘blue’] }); //风场数据加载 L.windUtil().getImgData(new Date(), L.windUtil().options.products['wind'], function (res) { windField.setData(res); windField.addTo(map); });

2023-07-13

echarts3.0引入百度地图.rar

echarts3.0引入百度地图

2021-07-16

Echarts2.0引入百度地图.rar

Echarts2.0引入百度地图

2021-07-16

lngLatShiQu.html

天地图坐标拾取,鼠标移动获取经纬度,自己申请key值运行可用或粘贴到http://lbs.tianditu.gov.cn/api/js4.0/examples.html天地图实例中运行即可。

2021-07-01

visualizationChart-master.zip

Echarts图表可视化大屏显示

2021-05-14

SYMFAC1.EXE组态资源图片

SYMFAC1.EXE 是一款桌面端的工控图库软件,包含,管道,油罐、化学储罐,各种箭头,机器面板等工控图

2020-09-29

大华视频监控插件&demo可用.rar

大华摄像头web插件二次开发使用 WEB32网页调用接口说明V2.0.doc,能直播,抓图,回放,截图监控视频,没有云盘操作,亲测可用

2020-04-20

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

TA关注的人

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