漠里

摘要： uni-app APP 下集成 xgplayer uniapp 使用 uni-upgrade-center 做APP过程中，升级是一个比较重要的模块。升级包括整包升级和 wgt 资源升级。 本来是想自己写更新逻辑的，找到 uniapp 官方有一整套的从后端版本管理到 APP 端更新都有，所以就选用了 阅读全文

摘要： Openlayers 瓦片灰度处理 Openlayers 卷帘地图 前言 一般底图中都有“图层切换”这个最基本的功能，可以查看想要查看的图层。 当想对两个图层比较直观的对比的时候，卷帘图层是一个很好的实现方式。 拖动分界线可以很方便的查看任意地方两个图层的变化。 实现 在 openlayers 中的 阅读全文

摘要： uni-app APP 下集成 xgplayer uniapp 使用 uni-upgrade-center 前言 如果是 Web 下集成 xgplayer 是很方便的，直接按照官方文档就可以，这里就不做讨论。 之所以是讲 app 下，原因在于 uni-app app 下调用这类 JS 库涉及到操作 阅读全文

摘要： canvas 系列： Canvas 绘制图片不显示问题 Canvas 基础（一） Canvas 基础（二）—— 滚动条问题 一般在使用 canvas 的时候，都会设置为容器的宽高，这样可以撑满容器。 但是设置完成后总是会出现滚动条？怎么回事？ 复现问题 下面是 canvas 动态获取父级容器的宽高， 阅读全文

摘要： 在GIS中，经常遇到原始数据是点，但是展示的时候点展示并不好，能区域内连续展示最好了。 这个时候就需要用到插值，把点转成连续的面展示。 大部分的GIS软件中都有插值的工具可以直接使用，不过当遇到批量插值的时候，工具用起来就比较费时间了。 所以就想到写代码，进行批量操作，这样可以运行代码，就不用管了。 阅读全文

摘要： 最近在做一个官网，需要对显示进行中英切换。 以前只是知道做语言切换使用 i18n，不过一直没有上手用过。这次正好使用下试试。 当时做这个官网是想练手 Vue3 的，这里也是 Vue3 + i18n 的结合使用。 1、安装 npm install vue-i18n 2、创建语言文件和目录结构 a、在 阅读全文

摘要： 在一般的网站中都会有头部和页脚。 头部会一直固定在最上面位置。 页脚呢，当页面内容超出一屏时，页脚在内容最后，当不足一屏时，在页面最下面。 实现方式有很多。这里使用的是 position:sticky; sticky sticky 粘性定位。是css新增的一个position属性。 为什么说是粘性定 阅读全文

摘要： 项目中有用到 Flask 写的部分接口，但是最近一直不是太稳定，所以想到记录运行、请求日志。对服务进行监测。 代码 代码部分比较简单，因为官方文档有日志这块的说明，可以直接使用 logging 进行输出日志。 具体代码： from flask import Flask import logging 阅读全文

摘要： CSS 实现图片对比CSS 实现图片对比（二） 上一篇文章中，实现了图片的对比功能。按照设想是可以实现任意图片的对比（主要是指图片大小）。 后面找了几张 NSAS 历史影像图对比，发现有问题，图片太多的话，图片超出父容器。 下面是对代码进行了调整。 1、通过图片的宽高，和容器的最大宽高比较，设置图片 阅读全文

摘要： CSS 实现图片对比CSS 实现图片对比（二） 前言 要做的功能中有历史图片对比，查找后发现并没有可用的组件等。 通过查资料，实现的方式大体有两种： 1、使用 resize 2、通过设置遮盖的 width 在通过考量后，这里选择第二种方式实现。 实现 HTML 结构 这里包了多层，是想适应不同的大小 阅读全文