夜郎King的博客

文章主要讲解如何在Html5中生成类似Matlab的色带应用，通过本文您可以熟悉并掌握生成方法，为下一步进行gis的空间自定义分类制图打下颜色制图的基础。

本文重点讲解在Html5中如何结合Wheelnav这个组件来进行动态标签页的展示，在实现动态导航切换的同时，还可以实现页面的动态切换。博客首先讲解了如何进行页面的扩展，然后通过实际编码以实例的形式进行展示如何实现。

本文以Canvas为基础，支持多时区的多时钟的动态Web展示为例实现一种在Html5上的电子钟展示方法。通过本文可以了解Canvas的详细用法，掌握基本的文本绘制、样式控制、属性管理的基本知识。

本文主要介绍一种基于SVG的web动态导航组件。通过这个组件可以实现很多丰富酷炫的效果。首先介绍这款wheelnav.js的相关知识，然后结合代码讲解如何在html页面中创建其对象，接着讲解wheelnav的一些属性和方法，最后给出基于wheelnav的实际成果。

本文将重点讲解使用HTML5实现一款动态的烟花秀，不仅有美丽绚烂的烟花，同时在烟花燃放时，还有预约的音乐，加上热情动态的文字燃放效果。

本文将在之前博文给出的源码基础之上，讲解如何进行Leaflet地图离线化开发支持。

本文将围绕前端界面展示，推荐一款适合用于智慧旅游的html5网页模板。通过本文，您可以了解整体的布局，如何进行调整，以及使用模式，如何进行扩展等知识进行了重点介绍。

本文将以Echarts5.4.3为例，重点讲解如何开发基于散点图的图上筛选模式，通过筛选模式，可以实现多图表的动态交互，实现数据的高效过滤，提升数据分析的效率。文章会一步一步的展示如何搭建Echarts多列散点图，以及如何进行交互设计。

文将以Ruoyi框架为例，深入讲解基于Ajax技术，实现数据的动态接入，让读者了解如何进行数据的动态接入代码实战开发

本文将围绕如何在Echarts4.2.1版本中，如何在Ruoyi的单体化框架中，自由扩展地图应用，通过自定义地图，完成自定义的场景搭建，帮助您快速实现项目需求。

本章重点介绍了Html5中SpeechSynthesis这个类，通过这个类完成了一个诗词类赏析文本的播报功能

本文重点介绍了一款前端基于Javascript的gif.js生成插件，分析了它的源码结构，最后通过一个实例进行了案例讲解，帮您快速的了解和掌握这个组件。

2022卡塔尔世界杯即将迎来冠军之战，本文简单的从近年的花费成本、各队夺冠次数、本轮最多进球数等方面分享了关于世界杯的点点滴滴，同时分享了一个简单的基于threejs的足球小例子。

本文简单介绍了exif.js的基础知识，然后介绍了如何在html页面中集成exif.js,其次重点说明了3种常用的使用场景，有图有真相，通过示例运行的方式来讲解exif.js的具体使用案例。

本文讲解了在Leaflet中如何进行地图范围的控制，并通过代码的方式进行示例，并展示了最终效果。

中秋佳节征文，以此文提前祝朋友们中秋佳节快乐，幸福安康。

本文介绍了leaflet的侧边栏控制组件sidebar，同时详细说明了如何将sidebar集成到leaflet中

本文将简单介绍Threejs的相关基础知识，四个基础对象组件。最后采用一个实例一步一步的进行3D房间展示，最终达到可视化的效果。

本文分享了本人对于webgis的一些思考，在国产化浪潮下，面向未来。webgis在存储、大规模数据处理、高效可视化、空间检索计算等方面的一些疑问。

本文讲解了leaflet-velocity插件，并利用插件进行了模拟的动态风场、洋流等信息的综合展示，让读者掌握集成方式。

文章将重点介绍如何基于Threejs进行三维模型glb进行预览，可以旋转控制。

文章介绍了如何在springboot环境中集成ueditor，以及如何修改配置支持在富文本编辑器中直接预览视频资源。

通过本文，您可了解springboot如何集成ueditor，如何自定义扩展后端的文件上传功能。

本文重点阐述了如何扩展Ueditor的图片上传功能，以及在实际中，如何根据项目实际情况，设置图片信息的动态展示思路。

通过本文，可以了解如何自定义Draw.PolyLine对象，以及在扩展时需要注意的一些坑，知道如何调试函数并定位问题，最终完成需求。

本文介绍了如何基于leaflet.draw进行自定义绘制，同时获取对象的bbox和geojson信息。

本文简单说明如何在tomcat中部署ueditor，并举例介绍了他的api以及相关工具栏，用户可以根据需要进行调整。

本文将通过编码的方式讲解如何引入Leaflet.draw组件，并绘制点、线、面、圆对象，同时可以计算线的距离，面积，圆半径和点的经纬度等信息。通过本文可了解基本操作，可以基于leaflet扩展相关的绘制组件，为空间检索等功能奠定基础。...

接之前的文章，基于Three.js的全景展示框架-TPano，之前的分享中留了一个问题，如何在线展示高清大图，基于TPano技术，虽然可以实时看到全景，但是随着摄像头的分辨率越来越高，文件大小也会越来越大，是否有同时可以自动切片，也可以实时切图，异步加载的解决方案呢？这里隆重推出全景技术的一个重量组件，krpano，官网：https://krpano.com/，上面有krpano的适用场景，还有一些教程。其主要功能如下:krpano是一款小型且灵活......

熟悉LeafLet的都知道，LeafLet自带的工具条只有两个按钮，一个放大和缩小。日常业务中，会用到许多的实用工具，比如测距，量测，如何扩展默认的工具条呢？解决方案如下两种:第一、自己基于dom创建页面元素，并挂载在其默认的工具栏中。第二、基于Leaflet.EasyButton进行扩展。其实，围绕着LeafLet，有许多实用的插件，比如工具栏扩展组件，大家可以针对自己的业务进行选取使用。本文将介绍如何基于Le......

在一些全景展示类应用中，经常需要对采集到全景照片进行展示，一般情况下，可以通过制作人员使用pano2vr进行数据处理（教程可参见：实战!使用pano2vr生成html5全景页面），将处理好的数据发布至静态服务器，再关联相应位置即可完成全景展示（详情见基于Leaflet的全景综合展示实战）。 以上这种方式可用于素材不多，发布后不会轻易变化，而且对制作时间没有精确时间要求的场景。而且应用多依赖于人工操作，如果想直接对采集的全景照片进行直接展示的，可以采用什么方案呢？本文将介绍一......

某场景需求：需要在某地图上综合展示几千个marker，在地图层级比较低的情况，由于展示的数据点较多，会密密麻麻的堆叠在一起，比较影响用户体验（密集恐惧症患者恐怕要晕掉了）。 解决办法：为了让用户获得比较好的体验，在低层级地图下，将多个点聚合成为一个，在地图放大时再根据比例展示具体的数据，通过时空上的聚合提高用户体验。基于Leaflet扩展的markercluster插件可以满足以上的需求。本文将通过实战化编程，说明如何使用markercluster进行多点聚合展示，最后给出具......

众所周知，当前许多GIS类应用底图数据都是有层级限制。在一些需要高清晰的实景展示需求下，就必须要结合一些更接近真实的展示。比如倾斜摄影测量、Bim技术、全景展示技术。而从经济成本和时间成本上来比较，全景展示技术成本较低，制作流程简单（基于全景图片，可使用外部软件辅助生成，参见《实战!使用pano2vr生成html5全景页面》）。 通过本文可掌握如何使用LeafLet结合全景信息，构建真实的全景综合展示。模拟在地图上显示带了全景数据的marker，点击每个marker将调用具体的......

在gis场景中，轨迹回放是一个很常见的场景。比如在导航软件中，在行程结束后根据运动轨迹生成运动图，在keep软件中，会自动记录用户的锻炼轨迹，在结束后可以看到自己的运动轨迹等等。这些需求都是设备在运行中自动记录相应的点，在结合gis模拟即可。本文将采用Leaflet进行模拟轨迹回放。环境：1、leaflet.js2、MovingMarker.js 插件一、创建地图// initialize the map on the "map" div with a given center and

案例场景：在Cesium开发三维场景展示中，肯定会碰到加载Entity的需求，如果在你的gis应用中，带了地形的展示。那么在旋转切换画面时，Entity是否跟着一起动了起来，感觉像漂移一样呢？来看下面两张图，两个点在山脚漂到了山顶： 图1 漂移到山脚 ...

场景：每个企业都有对文档的查看需求，如何基于h5实现web的文档在线预览需求。如果单位预算很充足，可以购买商用服务，这不在此讨论范畴。如果预算比较有限，今天分享一款开源的，码云上有8kstar的开源好选件，kkFileView，地址：https://gitee.com/kekingcn/file-online-preview。一、主要支持的文档如下图1所示，图信息来源于官网：图1 kkFileView支持的预览文件列表二、使用的主要技术 开发语言：java+jdk1.8+...

随着现代视觉技术的进步以及对空间展示的迫切需求，很多的无人机可以拍出360度甚至720度全景照片，怎样将全景地图以html5的形式展示出来？文章将详细讲解如何使用pano2vr.exe制作全景页面。1、准备pano2vr.exe 软件（以windows7说明）2、准备一张全景图片3、将图片导入到pano2vr中使用说明：点击选择输入，将准备好的全景图片导入即可。4、设置生成参数1、如果拍摄的图片精度非常高，可以选择切片，展示效果会好一些。2、旋转设置。可以设置页面

二维地理信息可视化是展示平面世界的基础，本文将将介绍开源界中的轻量级可视化基础框架Leaflet，介绍其主要功能以及如何使用，最后给出一个简单演示实例。一、Leaflet是什么？Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about39 KB of JS, ithas all the mappingfeaturesmost d...

这里说的前后端分离指的是，终端（前端）和后端系统彻底分离，团队各司其职，各自迭代。现如今，随着前后端分离架构的流程，Vue、React等前端框架飞入寻常百姓家，彻底的前端开发方式已逐步成熟。本文欲简单分析前后端分离架构适用场景，不足之处欢迎交流讨论。软件最开始，重后端，轻前端。系统的早期由一个单体系统组成，以javaee为例，后台使用springMvc，前台使用jsp或者Thymeleaf。这样研发人员基于mvc组装相关model，所有的值由controller传递给前端，从而完成相关业务。此时如果需要

上文写到使用html2Canvas实现截屏。上次留了一个问题，如果当前dom元素对象比较大，比如包含一个比较大的图片等，在将dom序列化成字符串时，极易导致字符串超长。对于超长的内容，后台程序将获取不到参数，那么怎么解决这个问题呢？基本实现思路有三种：1、对dom里的元素瘦身，减少序列化后的参数值长度。存在问题：对于无法再瘦身的dom怎么办？怎么体现通用性（一段代码解决大多数场景）?2、修改web中间件的上传大小限制。存在问题：对web中间件依赖增强，如果需要跨中间件则非常麻烦，通用性太