- 博客(27)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 基于 Leaflet 的缩放功能：在最后一层瓦片缺失时进行优化
引言：Leaflet 是一个广泛使用的开源 JavaScript 库，用于创建交互式、可定制的地图应用程序。在 Leaflet 中，默认情况下，瓦片地图是通过切分成多个瓦片来展示的，这些瓦片组合在一起形成完整的地图。然而，当地图的最后一层瓦片存在缺失或不完整时，可能会导致用户在缩放时出现显示问题。本文将介绍如何优化 Leaflet 缩放功能，以便在最后一层瓦片缺失时提供更好的用户体验。
2023-06-27 15:19:13
526
原创 拦截ajax、src、href、表单等http请求
function hookAJAX() { XMLHttpRequest.prototype.nativeOpen = XMLHttpRequest.prototype.open; var customizeOpen = function (method, url, async, user, password) { // do something this.nativeOpen(method, url, async, user, password); };
2022-04-02 16:59:19
964
6
原创 百度地图 自定义覆盖物 自定义字体图标 动态修改图标颜色
实现效果：图标用的是字体图标，为了方便动态改变颜色关键代码 function ComplexCustomOverlay(params) { let defaultParams = { point: { lng: 0, lat: 0 }, fontSize: 28, deg: 0, className: '', color: 'red', }; defaultParams = Obj
2022-03-21 18:26:07
1680
原创 Leaflet地图点聚合、标记旋转角度、线条方向箭头示例
地图点聚合插件地址: https://github.com/Leaflet/Leaflet.markercluster案例中使用的是1.4.1版本, 下载地址<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, wi
2021-11-10 17:54:40
1225
原创 百度地图-图标过多卡顿解决方案
一. 点聚合<script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=xxxx"></script><script type="text/javascript" src="//api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script><script typ
2021-11-10 11:44:29
1937
原创 Nodejs + express + 微信小程序获取手机号码
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-07-21 16:30:19
833
原创 cesium 限制缩放高度范围
viewer.scene.screenSpaceCameraController.minimumZoomDistance = 200;viewer.scene.screenSpaceCameraController.maximumZoomDistance = 800;
2021-02-03 17:03:14
1104
原创 Cesium orientation 和 设置初始角度
一. Cesium orientationorientation-相机镜头对准的方法.heading-代表镜头左右方向,正值为右,负值为左,360度和0度是一样的pitch-代表镜头上下方向,正值为上,负值为下.roll-代表镜头左右倾斜.正值,向右倾斜,负值向左倾斜二. 设置初始化角度1.先用鼠标手动调整出你想要的角度这里viewer是new出来的地图实例打印出你调整好位置的实例的参数console.log(viewer.scene.camera.heading);con..
2021-02-03 16:56:18
8294
8
原创 vue-Cesium 和 Cesium加载3dtiles ，出现An error occurred while rendering
报错原因这是因为gltf1.0升级到gltf2.0后不支持自定义shader解决方法一var fixGltf = function(gltf) { if (!gltf.extensionsUsed) { return; } var v = gltf.extensionsUsed.indexOf('KHR_technique_webgl'); var t = gltf.extensionsRequired.indexOf('KHR_tech
2020-08-10 14:52:27
2195
原创 obj2gltf格式转换详细过程
1.去官网下载node.js，地址为https://nodejs.org/en/2.新建文件1. npm init // 初始化2. npm install obj2gltf --save // 安装obj2gltf 3 创建文件run.jsrun.js 内容const obj2gltf = require('obj2gltf');const fs = require('fs');obj2gltf('Minerva.obj').then(function (gltf) { c
2020-07-30 17:47:55
3915
2
原创 IDEA External libraries 不显示Maven
记录一下遇到的这个问题的解决方法，也是困惑了半天，感觉这是maven的bug，因为动了几次项目中引入的外部jar包，导致IDEA External libraries 不显示Maven中引入的repository，解决方法：打开IDEA右侧的侧边栏Maven Project -> life cycle -> cleaninstall最后同样是在Maven Project 侧边栏中，右键项目名称 -> reimport...
2020-07-28 16:03:15
969
原创 vue scss中使用动态的JS变量
<template> <div> <span v-for="item in list" :style="{'--text': item.text, '--color': item.color}"></span> </div></template><script>export default { name: '', components: {}, props: .
2020-07-28 10:59:57
6083
原创 vant + vue 搭建项目
1、安装vue-cli3脚手架npm install -g @vue/cli2、通过vue-cli3创建项目vue create my-project3、安装vant通过 npm 安装npm i vant -S通过 yarn 安装yarn add vant4、引入组件安装插件npm i babel-plugin-import -D// 在.babelrc 中添加配置// 注意：webpack 1 无需设置 libraryDirectory{ "plugins": [
2020-07-28 10:43:50
1204
原创 axios 文件流导出excel
axios 文件流导出excel一 . 设置responseType 为 arraybufferaxios.post(`${origin}/baisp_appointment/api/plat/xxx`, params, { responseType: 'arraybuffer', headers: { token: getToken(), account: getAccount() },}).then((res) => { let fileName = format(n
2020-07-13 14:29:33
762
原创 div 旋转后 控件点击无效
移动端面板 旋转后 控件点击无效解决思路```javascript// 添加echarts外壳节点, 解决移动端横屏按钮点击无效问题，假如是移动端横屏时添加多一次iframefunction addChartBox(box, containerId, fn) { // 点击显示大屏的情况 var canvasContainer = $("<div id='" + containerId + "_chart' style='width: 100%;height: 100%
2020-07-13 10:59:44
644
原创 求日期时分秒 时间差
求时间差timeConsuming(startTime, endTime) { // 开始时间 let date1 = new Date(startTime); // 结束时间 let date2 = new Date(endTime); let lefttime = date2.getTime() - date1.getTime(), leftd = Math.floor(lefttime / (24 * 3600 * 100
2020-05-29 10:30:16
994
原创 vue scss变量和mixins全局引用 和 scss变量在js中引用
vue scss变量全局共享首先要装两个插件"style-resources-loader": "^1.3.3","vue-cli-plugin-style-resources-loader": "^0.1.4",如果装完报错，建议用npm再装一次文件_variables.scss/* Variables */// Base color$blue:#324157;$light-blue:#3A71A8;$red:#C03639;$pink: #E65D6E;$green: #30
2020-05-27 18:29:08
2824
原创 echarts pie饼图中间显示总数 pie饼图类型之间设置白缝隙
效果图默认显示总数鼠标悬停时显示对应的数值let option = { title: { zlevel: 0, text: ['{name|订单数}', '{value|' + this.orderSum + '}'].join('\n'), top: '35%', left: '24%', textAlign: '
2020-05-26 16:26:57
11262
3
原创 git拉取(rebase)变基后，模块被删除
@TOC撤销rebase1、运行git reflog命令查看你的历史变更记录；2、git reset --hard b8c1d45执行这一步后被删除的文件就回来了改变目前还处于变基的状态使用git rebase --abort 成功解决了代码回退的问题...
2020-05-22 10:52:43
1393
转载 CSS设置DIV背景色渐变显示
CSS设置DIV背景色渐变显示在学习网页设计的过程中，对于背景的渐变色，好多代码的规则都一样，只是看怎么找到这个规则，现在51RGB小编带领大家看一下，这些是怎么显示的： .linear{ width:100%; height:600px; FILTER: progidXImageTransform
2015-11-19 15:16:16
1242
转载 面试10大算法汇总
以下从Java角度解释面试常见的算法和数据结构：字符串，链表，树，图，排序，递归 vs. 迭代，动态规划，位操作，概率问题，排列组合，以及一些需要寻找规律的题目。1. 字符串和数组字符串和数组是最常见的面试题目类型，应当分配最大的时间。关于字符串，首先需要注意的是和C++不同，Java字符串不是char数组。没有IDE代码自动补全功能，应该记住下面的这些常用
2015-02-28 15:03:50
287
转载 文字菜单动画畅想
本博之前曾经写过两篇博文《纯css3文字效果推荐》、《css3立体文字最佳实践》得到了大家的广泛认可，今天我们更进一步，研究文字菜单上可以做哪些动画，12种效果会不会有您喜欢的，来来来，开工。本文案例演示代码我放在了codepen，速度可能有点慢，不过相信真正的前端童鞋应该喜欢codepen的强大之处。 ------------------------------
2015-01-30 20:52:37
268
转载 跨浏览器总结（IE7/IE8/IE9/Safari/Chrome/Firefox）
最近在做项目的升级工作，主要是跨浏览器这块，遇到了一些问题并且做了总结，贴出来与大家分享一下，如果你也遇到类似的问题，希望对你有一定的帮助。闲话少叙，进入正题，按照我总结的顺序来吧。1、获取浏览器的版本，这个是很重要的，在做这个工作之初我就写好了，因为过程中总有无法兼容的情况，就必须进行浏览器判断：我封装了一下，并且经过了测试【我这里不考虑IE的兼容模式】，喜欢的朋友可以直接拿走。
2015-01-30 20:45:04
579
转载 如何让DIV可编辑、可拖动
1、可编辑： contentEditable="true">可编辑设置contentEditable属性可以让div编程可编辑状态2、可拖动：$('#move').draggable();使用jQuery UI的draggable可以让div变成可拖动状态，但是如果两个属性同时应用就会出现可编辑功能失效的状况。3、可编辑、可拖动： conte
2015-01-22 21:26:44
417
原创 手机模块化
谷歌的Project Ara让模块化智能手机这个概念被大众所熟知。 虽说用户都喜欢外型纤薄时尚的手机，但能够像组装电脑一样组装手机同样也非常吸引人。 模块化手机最能够吸引人的地方是它可以让你哪里不行换哪里，可以让你哪里坏掉换哪里，它会成为“生是你的机，死是你的块”的手机。
2015-01-22 20:29:05
575
原创 自我介绍及目标
To Mrwu： 在专业学习方面上，通过良师的教导和自身的刻苦学习，全面的学习了C#、ps、html、sql、视频制作等专业知识。除了必修课之外,还阅读了大量计算机专业方面的书籍，进一步充实了计算机方面的专业技能。在日常生活中,待人热情，真诚。工作认真负责，能吃苦耐劳。目标为：不断提高自身综合能力，以及充实个人简历。成为一名实力派IT。 希望能进一步增长专业知识技能
2015-01-15 15:30:33
1410
osg2cesiumApp
2020-08-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人