自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

漏刻有时数据可视化大屏(PHP&ECHARTS智能化私有部署解决方案)

漏刻有时(LOCKDATAV),数据分析&数据展示,挖掘大数据背后的价值

  • 博客(27)
  • 资源 (18)
  • 问答 (1)
  • 收藏
  • 关注

原创 Mapshaper数据处理:常用命令语句配置说明

mapshaper是用javascript开发的软件,可用于编辑shapefile、geojson、topojson等格式的数据。它的命令行支持必要的地图制作任务,如简化图像、编辑属性数据、裁剪、檫除、合并、过滤等。下面简单介绍mapshaper的安装、命令及使用。命令语法Usage: mapshaper -<command> [options] ...实践操作打印数据层的信息$ info区域分离语句根据name这个属性将梅田湖镇和新建乡分离出来,这里注意属性的名称是区分

2020-12-31 09:42:31 213 1

原创 百度地图开发:自定义区划管理php后台数据管理的解决方案(layUI前端)

自定义区划管理,不需再受限于行政规划,可根据业务特点(如网点覆盖范围、消费者分布、内部人员分工等)自由划分区域块,实现企业信息的精细化格网管理。视频演示: 百度地图自定义区划管理视频教程 基于百度地图API开放接口;获取边界数据后,PHP后台数据管理;降低专业GIS软件门槛,将GIS优化为大众画图工具,让画区不再繁琐;支持多人在线协同编辑区域及业务数据,提升工作效率;.

2020-12-30 11:18:17 127

原创 EasyPlayer.js直播与回放功能视频开发实战过程记录

EasyPlayer.js H5播放器,是一款能够同时支持HTTP、HTTP-FLV、HLS(m3u8)视频直播与视频点播等多种协议,支持H.264、H.265、AAC等多种音视频编码格式,支持mse、wasm等多种解码方式,支持Windows、Linux、Android、iOS全平台终端的H5播放器。集成使用示例引入copy EasyWasmPlayer.js 到项目中copy libDecoder.wasm到项目或者www的根目录(一定要根目录)在 html 中引用 EasyWas.

2020-12-29 11:51:52 267

原创 smarty模版引擎嵌套循环的解决方案

//设备权限; case "sensor"; //读取传感器分组和设备记录; $row = $db->fetchall('category', 'category_name,jk_sn,category_sorting', '', ' category_sorting DESC,category_id DESC'); //统计分组传感器设备编号; foreach ($row as $k => $v) { ...

2020-12-28 10:34:32 60

原创 layer弹出图片大小自适应

封装函数/*弹出图片*/function previewImg(url) { var imgHtml = "<img src='" + url + "' style='width:100%; max-width:100%;'/>"; // 创建对象 var img = new Image(); img.src = url; layer.open({ type: 1, shade: 0.5, area: [

2020-12-28 08:47:51 100

原创 layui复选框checkbox全选和获取值的解决方案

引入外部文件 <script src="../js/jquery.min.js"></script> <script src="layui/layui.js"></script> <link rel="stylesheet" href="layui/css/layui.css">HTML代码<form class="layui-form"> <div class="layui-form-it.

2020-12-27 14:02:33 165

原创 echarts图例legend实现默认选中显示状态的解决方案

项目需求:两个图例状态;默认只显示一组,另一组按需点击显示; legend: { data: ['波长', '物理量'], selected: { '物理量': true, '波长': false } },Done!...

2020-12-26 17:07:05 140

原创 腾讯位置服务富文本标签实现行政区域标注点聚合的解决方案

腾讯位置服务实战开发体验。

2020-12-17 19:55:40 91

原创 大数据量学习:ajax获取数据后将数组重新分组后分批定时渲染的解决方案

ajax调用数据 $.getJSON("data/yinzhou.json", "", function (res, status) { var data = res.features; // console.log(data); //分组渲染; if (status == "success") { arrChunk(data, 1); } else { console..

2020-12-17 13:47:48 69

原创 layui嵌套弹出模态框的Blocked a frame with origin null from的解决方案

我的博客即将同步至 OSCHINA 社区,这是我的 OSCHINA ID:漏刻有时数据可视化,邀请大家一同入驻:https://www.oschina.net/sharing-plan/apply

2020-12-16 12:01:07 172

原创 html5使用postMessage解决跨域和跨窗口消息传递的解决方案

postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信,可以实现跨文本档、多窗口、跨域消息传递。postMessage(data,origin)方法接受两个参数。1.data:要传递的数据,html5规范中提到该参数可以是JavaScript的任意基本类型或可复制的对象,然而并不是所有浏览器都做到了这点儿,部分浏览器只能处理字符串参数,所以我们在传递参数的时候需要使用JSON.stringify()方法对对象参数序列化,在低版本IE中引用json2.js可以实现类似效果。2.or

2020-12-14 12:33:59 66

原创 javascript获取返回当前 URL 的协议

(function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; console.log(curProtocol); if (curProtocol === 'https') { bp.src = 'https://v1.qiaodu.net/pus...

2020-12-14 11:55:28 45

原创 地图开发实战案例:高德地图loca API 文字LabelsLayer效果

html代码<div id="container" class="container"></div><script src="https://webapi.amap.com/maps?v=1.4.15&plugin=Map3D&key=4d9a765939a2b76588a3341c2828d87c"></script><script src="https://webapi.amap.com/loca?v=1.3.1&ke.

2020-12-11 10:30:31 311 1

原创 地图开发实战案例:高德地图弧线连接线标注

HTML代码<div id="container"></div><script src="//webapi.amap.com/maps?v=1.4.15&key=您申请的key值&"></script><script src="//webapi.amap.com/loca?v=1.3.2&key=您申请的key值"></script><script src="//a.amap.com/Loca/s.

2020-12-10 20:12:19 162

原创 地图开发实战案例:高德地图设置中心点和级别的行政区多边形加载效果

HTMl代码 <div id="container" class="container"></div> <script src="//webapi.amap.com/maps?v=1.4.15&key=您申请的key值&"></script> <script src="//webapi.amap.com/loca?v=1.3.0&key=您申请的key值"></script> &l.

2020-12-10 19:58:02 248

原创 地图开发实战案例:高德地图的标注、信息窗口的实战实例

引入外部文件<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"><link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/><script src="https://webapi.amap.com/maps?.

2020-12-10 17:28:45 187

原创 地图开发实战案例:高德地图实现区域掩膜的是地图可视化效果

项目要点key必须是web(jsAPI)的应用,web服务的key是无效的;只保留可视区域,可以选择行政区划效果,也可以卫星地图效果,但是好看的效果一定是精心设计过的最佳风格展示;js调用<script language="javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=ca11d9894383ee611ed***&plugin=Map3D,AMap.DistrictSearch"></sc.

2020-12-10 16:47:03 394 3

原创 POST请求body实现数据以记事本格式保存在服务器

try { //$getUrl = "https://api.ubibot.cn/channels/8912/feeds.json?account_key=890be7cdc72710e08f3e5550178dc7ee"; $data = file_get_contents('php://input'); //get POST payload, 获取post包文 $json = json_decode($data, true); //parse input data into json, 解

2020-12-10 11:50:36 54

原创 Echarts特殊图表:bmap.min.js加载乡镇geojson边界互动的实战案例

项目需求在百度地图上,加载某区县的乡镇边界,予以高亮显示;其余区域暗色显示;每个乡镇区域都有互动的锚点链接;开发准备区县的乡镇边界geojson地理数据文件的获取;geojson经纬度坐标系的转换:获取的geojson来源不同,坐标系也有可能不同,比如wgs-84、CGC2000等标准,统一转化为BD-09百度坐标系,否则容易出现偏移错位;覆盖不全:百度地图自动获取的边界可视区域和获取的geojson,由于绘制精细度或坐标系转换过程中的误差,会出现无法完整覆盖的情况,倒是正常情况。.

2020-12-10 11:36:59 112

原创 php基于百度地图封装的对象类实现计算地图上两点间的距离和地理编码

封装对象class GeoHelper{ /* * @param int $lat1 * @param int $lon1 * @param int $lat2 * @param int $lon2 * @param string $unit * @return */ public function distance($lon1, $lat1, $lon2, $lat2, $unit = "K") {

2020-12-08 09:12:18 65

原创 Echarts特殊图表:高铁专线的效果实现

<div id="map" style="height: 100%"></div> $.getJSON('json/china.json', function (data) { //注册地图; echarts.registerMap('lockdatav', data); var myChart = echarts.init(document.getElementById('map')); $.get('jso.

2020-12-05 11:48:36 114

原创 CSS按钮高亮的解决方案

.active { background-color: aqua; }<div id="list"> <span>1</span> <span>2</span> <span>3</span> <span>4</span> <span>5</span></div> var

2020-12-03 20:50:22 134

原创 data-*属性的使用

<div id="main" data-id="1" data-url="ani.html" data-index="1">data-*属性</div><a href="dom_obj_attributes.php" target="_blank">Attr 对象</a> var a = document.getElementById("main").getAttribute("data-index"); console.log(a);

2020-12-03 20:48:02 111

原创 百度地图开发系列(6):地图标注覆盖物和信息窗口

异步调用百度地图 //异步调用百度地图API; function map_load() { var load = document.createElement("script"); //异步加载百度地图,请更换成自己的AK load.src = "http://api.map.baidu.com/api?v=3.0&ak=F552bedbee2ec8fa6bae7b7a08201cbd&callback=map_init";.

2020-12-03 20:33:58 109

原创 百度地图开发系列(5):高亮显示省市县级别的行政区域

异步调用百度地图 //异步调用百度地图API; function map_load() { var load = document.createElement("script"); //异步加载百度地图,请更换成自己的AK load.src = "http://api.map.baidu.com/api?v=3.0&ak=F552bedbee2ec8fa6bae7b7a08201cbd&callback=map_init"; .

2020-12-03 20:31:11 162

原创 百度地图开发系列(4):使用采集到的GPS点实现轨迹的解决方案

var map = new BMap.Map("map"); /**采集到的GPS点**/ var Points = [ {"id": "1", "lng": 121.554586, "lat": 29.813444}, {"id": "2", "lng": 121.564567, "lat": 29.811347}, {"id": "3", "lng": 121.575346, "lat": 29.820528}, {"i..

2020-12-03 20:28:20 177

原创 百度地图开发系列(3):地址逆解析

//地址逆解析; function getAddress(pt) { var geoc = new BMap.Geocoder(); geoc.getLocation(pt, function (rs) { var addComp = rs.addressComponents; var tra_name = addComp.province + "" + addComp.city + "" + addComp.d...

2020-12-01 11:17:25 128

隧道施工建设数字化大屏说明文档

隧道施工建设数字化大屏说明文档,一个标准的业务文档:为前端定制产品开发,调用甲方提供的API数据接口来实现数据的展示和互动,为此部分参数的设计全部融于页面内。

2020-11-28

bmap.min.js

echarts引入百度地图,通过脚本bmap.min.js解决默认开启底图可点功能的底层修改

2020-05-22

雄安新区GEOJSON带县边界

雄安新区(Xiong'an New Area)位于中国河北省保定市境内,规划范围涵盖河北省雄县、容城、安新等3个小县及周边部分区域,对雄县、容城、安新3县及周边区域实行托管,是中国(河北)自由贸易试验区组成部分。

2020-07-06

gis数据可视化GeoJson、TopoJson、SVG、SHP、JS格式的标准模版

gis数据可视化GeoJson、TopoJson、SVG、SHP、JS格式的标准模版,可以按照标准格式,进行实际应用场景的格式转化和使用

2020-07-25

图片热点的hover高亮显示mapper.js

javascript插件库的应用:mapper.js实现图片热点的hover高亮效果,详见:https://blog.csdn.net/weixin_41290949/article/details/108214691

2020-08-25

upload.zip

layui请求上传接口出现异常:upload.js 错误底层报错信息修改。作者仅在2.26版测试,其他版本未测试,请下载时自行排查,覆盖文件前,记得备份,备份,备份……

2020-02-05

JavaScript将csv转为json标准的.csv文件模版

CSV是Comma Separated Values的缩写,一种常用的数据存储文件格式,其中每一行是一条记录,每一条记录包含很多列,每列中的数据通常使用逗号分隔,当其中的值包含逗号时需要使用单引号或双引号包含。

2020-02-12

sampling降采样策略.zip

Echarts高级进阶教程(1):异步加载大量数据导致dataZoom组件拖动缩放时间轴卡顿的sampling降采样策略解决方案

2020-10-12

Echarts5开源可视化图表库开发的象形柱图世界旅游景点日记照片墙

Echarts5开源可视化图表库 1. 图表基础框架的搭建; 2. series-pictorialBar,象形柱图; 3. series-bar,柱状图; 4. dataZoom 组件,用于区域缩放; 5. on方法添加事件处理函数;

2021-02-10

不设区的地级市之东莞市geoJSON转js

东莞市辖32个镇(街道),其中包括4个街道(莞城街道、南城街道、东城街道、万江街道);28个镇(石龙镇、石排镇、茶山镇、企石镇、桥头镇、东坑镇、横沥镇、常平镇,虎门镇、长安镇、沙田镇、厚街镇,寮步镇、大岭山镇、大朗镇、黄江镇,樟木头镇、谢岗镇、塘厦镇、清溪镇、凤岗镇,麻涌镇、中堂镇、高埗镇、石碣镇、望牛墩镇、洪梅镇、道滘镇)

2020-07-06

华容县街道街道乡镇边界geojson矢量数据

华容县街道街道乡镇边界geojson矢量数据,为mapshaper命令测试素材,可参考:Mapshaper数据处理:常用命令语句配置说明,https://lockdatav.blog.csdn.net/article/details/112001782

2020-12-31

漏刻有时物联网传感器数字化大屏说明文档

漏刻有时物联网传感器数字化大屏说明文档

2020-12-25

php使用webSocket实现Echarts长连接自动刷新的解决方案websocket封装

php使用webSocket实现Echarts长连接自动刷新的解决方案,见:https://blog.csdn.net/weixin_41290949/article/details/109099216

2020-10-15

appendData异步加载大数据量分片加载数据和增量渲染的解决方案

Echarts高级进阶教程(2):appendData异步加载大数据量分片加载数据和增量渲染的解决方案

2020-10-12

不设区的地级市之中山市geoJSon转js

不设区的地级市之中山市geoJSon转js,包含6个街道:石岐街道、东区街道、西区街道、南区街道、五桂山街道、火炬开发区街道;18个镇:黄圃镇、南头镇、东凤镇、阜沙镇、小榄镇、东升镇、古镇镇、横栏镇、三角镇、民众镇、南朗镇、港口镇、大涌镇、沙溪镇、三乡镇、板芙镇、神湾镇、坦洲镇。

2020-07-06

layuitable和php动态翻页源代码

layui组件table美观度和实用性都是比较完美的。但是在使用table翻页功能的时候,需要对后台进行传参,并且返回的json数据一定要符合一定的规范,否则将无法实现翻页

2020-07-30

Echarts组件南丁格尔玫瑰图

Echarts组件南丁格尔玫瑰图,参加:https://lockdatav.blog.csdn.net/article/details/107047610

2020-07-01

Echarts参数属性学习Gird演示案例

Echarts参数属性学习Gird演示案例:在同一个DOM中,使用gird同时创建折线图和柱图,可高效的利用数据,同时对API的开发和对接有事半功倍的效果。

2020-02-07

空空如也

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

TA关注的人 TA的粉丝

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