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

原创漏刻有时数据可视化大屏核心完整版框架PHP后台数据管理 API数据接口 Echarts图表库自带电脑端和手机端两套模版且支持自定义前端模版开发

漏刻有时数据可视化大屏前端密码登录保护界面漏刻有时数据可视化大屏核心展示大屏

2020-06-12 10:49:00 310 1

原创漏刻有时LOCKDATA数据可视化大屏核心框架模版带PHP后台数据管理含2套Echarts模版

漏刻有时（LOCKDATA），智能化数据展示解决方案服务商，让更多的人看到数据可视化的魅力，促进前沿技术与产业融合，帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用，满足会议展览、业务监控、风险预警、地理信息分析等多种业务的展示需求。漏刻有时可视化系统由PHP语言进行开发，基于百度Echarts和layui，使用LOCKDATA自有MVC框架。演示地址:前台：http:// w...

2019-08-01 10:26:34 516

原创百度地图：监听地图缩放自动显示和隐藏的富文本标签

var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(121.554586, 29.813444), 12); map.enableScrollWheelZoom(); map.setMapStyle({style: 'grayscale'}) //JSON数据接口; var markerArr = [ {title: "商会", point: "121.55...

2021-01-23 21:42:12 1

原创百度地图富文本标签标注的封装函数

function addRichMaker(title, id, value, point) { var richHtml = '<div class="richborder" id="richborder"' + id + '><span class="rich_text">' + title + '</span><span class="rich_number">' + value + '个</span></div...

2021-01-23 21:29:33 1

原创漏刻有时地图可视化PHP开发explode二次分离经纬度标准格式的解决方案

在百度地图开发过程中，拾取到的经纬度，需要储存在mysql数据库中，但是每个的人开发习惯不同，经纬的储存方式也五花八门。经纬度分离lng:121.25563,lat:29.944719经纬度合并lnglat:121.25563,29.944719经纬度数组lnglat:[121.25563,29.944719]经纬度的使用，是“121.25563,29.944719”整体使用。//读取数据库经纬度信息;$lnglat = "121.25563,29.944719;121.30737

2021-01-23 12:55:57 10

原创 mapshaper命令：geojson转shp中文乱码的解决方案

导入时数据编码指令导出时输入编码指令编码指令encoding=gb2312Done！

2021-01-21 16:44:35 15

原创 layui使用table组件实现排序的CSS样式调整解决方案

外部文件引入 <link rel="stylesheet" href="layui/css/layui.css"> <script src="layui/layui.js" charset="utf-8"></script> <link rel="stylesheet" href="common.css">table引入 layui.use('table', function () { var table = .

2021-01-17 11:16:37 65

原创 echarts. registerMap选项specialAreas将地图中的部分区域缩放到合适的位置，可以使得整个地图的显示更加好看

echarts.registerMap('lockdatav', data, { "妈祖": { // 左上角经度 left: 120.178644, // 左上角纬度 top: 24.84237, // 经度横跨的范围 width: 0.21 }, .

2021-01-15 20:32:19 28

原创百度地图POI多信息点标注开发说明文档（php+layui+mysql+百度javascript API2.0+echarts4.8）

项目需求基于百度地图开发POI标注，预计POI数量在1w+；设置对应的POI信息弹窗；按地级市区域筛选当前所有标注的POI信息；单个POI标注能独立定位并展示所在的区域（行政边界区划）；客户自主选择显示当前页面POI信息点的数量；地级市POI数据统计柱图；项目分析百度地图信息标注，同一页面是无法显示海量点的，会出现严重卡顿的情况；如果要显示海量点，需要借助mapv，但是却无法实现POI信息弹窗的功能；同时考虑到本次标注开发的主要目的是为了快速筛选和确定对应标注的信息，不是为了展示PO.

2021-01-13 09:24:41 38

原创百度地图：maker拖动和缩放事件自动批量添加标注的解决方案

//地图事件; map.addEventListener("moveend", autoMaker); map.addEventListener("zoomend", autoMaker); function autoMaker() { var cp = map.getBounds(); // 返回map可视区域，以地理坐标表示 var sw = cp.getSouthWest(); // 返回矩形区域的西南角 var ne ...

2021-01-12 11:27:36 25

原创百度地图：使用javascript和web服务API自动实现经纬度编码的解决方案

web服务API 地址转码function getGeoCoding($address){ $url = "https://api.map.baidu.com/geocoding/v3/?address=" . $address . "&output=json&ak=F552bedbee2ec8fa6bae7b7a08201cbd&callback=showLocation"; $ch = curl_init(); curl_setopt($ch, CUR

2021-01-11 13:07:04 30

原创 mapshaper导入.shp出现：To avoid corrupted text, re-import using the “encoding=“ option的解决方案

geojson.io中导入.json是没有编码的；如果直接保存为shp格式，在https://mapshaper.org/中会提示Unable to auto-detect the text encoding of the DBF file.To avoid corrupted text, re-import using the “encoding=” option.To see a list of supported encodings, run the “encodings” command.

2021-01-07 17:32:12 44 1

原创 php读取MySQL获取分区名称及属性信息的查询语句

//获取分区名称及属性信息;$sql = "SELECT partition_name part,partition_expression expr,partition_description descr,table_rows FROM INFORMATION_SCHEMA.partitions WHERE TABLE_SCHEMA = schema() AND TABLE_NAME = 'jk_data'";$res = $db->query($sql);$res->setFetchMo

2021-01-07 11:36:39 32

原创 php语句：MySQL指定分区表跨分区根据时间条件快速查询记录的封装函数

项目需求：传感器大数据量数据表，按照日期自动分区，现根据时间筛选条件进行跨分区查询数据。表分区查询语句语法mysql表分区查询记录SELECT * FROM t PARTITION(p0, p1);时间筛选格式$fromTime 2021-01-07 00:32:00$toTime 2021-01-06 15:32:00封装函数/*获取查询分区名称*$pre，分区前缀； * $fromTime，起始时间; * $toTime,结束时间,默认当前时间; * */function

2021-01-06 19:37:06 843 7

原创 php开发中MySQL时间类型筛选语句的解决方案

时间类型 `jk_date` datetime NOT NULL COMMENT '时间日期格式',筛选条件 $sql .= " AND DATE_FORMAT(jk_date,'%Y-%m-%d %H:%i%s') >= DATE_FORMAT('$fromTime','%Y-%m-%d %H:%i%s')";Done！

2021-01-06 13:05:23 29

原创 javascript实现对象数据键值不同的Object.keys循环读取解决方案

数据对象var data = { "93288240": { "enHomeTeam": "GS Warriors (SLAMDUNKVV) Esports", "enAwayTeam": "DEN Nuggets (Siegfried) Esports", "enVsTeams": "GS Warriors (SLAMDUNKVV) Esports @ DEN Nuggets (Siegfried) Esports"

2021-01-04 13:46:29 31

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

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

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

原创 mapshaper合并dissolve命令的学习

项目工具：标准的geojson文件；mapshaper plus在线工具；geojson.io在线工具；dissolve合并步骤导出乡镇geojson文件需要合并的乡镇数据换成统一的名称导出新的map.geojson导出新的map.geojson验证数据正确性info合并边界dissolve "alias"导出文件-o huarong.jsongeojson.io验证打印NAME属性命令语句each 'console.log(name)'Don

2020-12-30 16:52:10 132 1

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

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

2020-12-30 11:18:17 49

原创 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 57

原创 PHP数组转字符串后提交mysql的解决方案

$user_id = $_POST['user_id']; $array = $_POST["user_sensor"]; $user_sensor = implode(",", $array); $db->update('admin', array('user_sensor' => $user_sensor), array('user_id' => $user_id));Done！

2020-12-28 11:19:25 23

原创 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 25

原创 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 31

原创 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 46

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

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

2020-12-26 17:07:05 30

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

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

2020-12-17 19:55:40 39

原创大数据量学习: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 31

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

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

2020-12-16 12:01:07 36

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

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

2020-12-14 12:33:59 29

原创 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 29

原创地图开发实战案例:高德地图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 168 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 63

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

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 136

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

引入外部文件<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 73

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

项目要点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 145 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 24

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

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

2020-12-10 11:36:59 47

原创 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 39

原创练废了的代码(1)：拾取静态图片坐标进行热点标注

CSS代码 #panorama { position: relative; width: 700px; height: 466px; } #bg { position: absolute; top: 0; left: 0; } .imgbg { displa.

2020-12-08 08:31:59 28

原创 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 86

sampling降采样策略.zip

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

2020-10-12

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

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

2020-12-31

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

2020-12-25

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

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

2020-11-28

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

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

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

2020-08-25

layuitable和php动态翻页源代码

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

2020-07-30

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

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

2020-07-25

雄安新区GEOJSON带县边界

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

2020-07-06

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

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

2020-07-06