- 博客(234)
- 资源 (6)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 获取街道、镇级的地图geoJson数据方法
我们可以通过 阿里云数据可视化平台 ，可以获取到中国各个省份/区级/县级的json数据，但是区级和县级，并没有包含街道和乡镇的数据。点击 ‘文件’-'选择文件’如上图,导入刚刚下载还热乎的bmv文件.在右侧我的图层中自动生成一个图层.这时候右键下载地图,会报错.如果你需要一个县的整体所有镇级边界数据,你可以一下导入多个xml文件,最后再把数据赋值出来.打开 geojson.io （可能有点慢，不要急），上把刚刚导出的kml文件导入进来。下载好自己所需要的乡镇边界bmv文件.安装好后选择你要导出的乡镇边界。
2025-04-24 10:38:28
381
转载 【cesium】打造科技感建筑泛光效果
一些智慧城市项目经常需要加载建筑白膜数据（3dtiles），并制作炫酷的炫光效果，在cesium中可以使用自定义着色器修改白膜建筑的外观。当然，这个影像底色不好看，也需要改一改，需要使用cesium1.87+提供的。API，来自定义shader。
2024-12-31 14:11:18
242
转载 Echarts 解决饼图文字显示不全问题
第四步：文字换行展示，echarts给我们提供了一个 formatter（标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用。第二步：设置最小扇区角度，minAngle（最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互）第三步：avoidLabelOverlap（是否启用防止标签重叠策略，默认默认开启）第一步：调整文字的显示大小，手机上文字可以更小，这里我用的是8px字号。
2024-05-13 09:42:59
2698
转载 leaflet +高德地图纠偏
二、leaflet.ChineseTmsProviders.js。三、leaflet.mapCorrection.min.js。
2023-07-13 14:47:07
1111
1
转载 在线瓦片地图url
腾讯、高德是GCJ02坐标系，百度是BD09坐标系，谷歌、必应是WGS84坐标系，天地图是CGCS2000坐标系，瓦片地图都是平面墨卡托投影。原文链接：https://blog.csdn.net/sinat_41310868/article/details/105959659。以下是各地图的瓦片地图地址，可以在QGIS中加载，也可以在openlayer或leaflet前端页面中加载。可使用国家天地图官网获取某些地址：https://www.tianditu.gov.cn/
2023-07-12 09:50:04
1610
原创 vue项目引用海康视频插件(web1.5)，el-date-picker下拉选择时间面板会被遮盖问题解决。
大致意思就是当点击时间控件出现时间选择面板的时候把视频插件裁剪掉，时间控件失去焦点时再缝补回去，这种操作就不需要重新初始化插件的。一、海康插件浮窗的层级，会把项目中时间控件中的时间选择面板挡住，导致时间面板显示不全，无法选择时间。
2023-01-17 12:17:26
2740
3
原创 IDEA开发工具不识别@Slf4j注释标签原因未安装Lombok插件
Lombok项目是一个java库，它可以自动插入到编辑器和构建工具中，增强java的性能。不需要再写getter、setter或equals方法，只要有一个。IDEA开发工具不识别@Slf4j这个注释标签，set方法报错，请在settings---》Plugins---》搜索Lombok,安装此插件。settings----》VersionControl----》点击“+”按钮，选择Git或SVN，点击OK。，你的类就有一个功能齐全的构建器、自动记录变量等等。...
2022-08-01 14:15:40
3286
转载 解决element-ui中，在表单中修改数据，表格的数据也跟着修改的问题
问题：在表单中修改数据，经常遇到表格的数据也跟着修改的问题，并且不管是不是按确定或取消按钮，表格的数据还是被修改了。部分代码如下：editRow(row: any): void { this.currentInfo = row; this.dialogVisible = true; this.title = '更新信息'; }问题原因：this.currentInfo = row;这段代码中，row是Object对象类型，如果直接赋值的话，就变成了浅拷贝，复
2022-05-17 14:05:50
1723
转载 tree-transfer穿梭树的组件封装
1.需求界面2.使用1）.安装npm install el-tree-transfer --save2）.组件封装新建公共组件：addressTreeTransfer.vue/* * @Author: duyan * @Date: 2020-07-31 14:37:51 * @Last Modified by: duyan * @Last Modified time: 2020-08-04 11:17:16 */<template> <di
2022-05-07 10:30:42
1595
转载 vue中elementui组件el-dialog拖拽（已处理边界情况）
Vue.directive("elDialogDrag", (el) => { const header = el.querySelector(".el-dialog__header"); const main = el.querySelector(".el-dialog"); header.style.cursor = "move"; header.onmousedown = (e) => { // 上次鼠标弹起时X轴的偏移量 let l = +main.st.
2022-02-11 15:59:49
1345
6
转载 Vue3 “export ‘createWebHistory, createRouter‘ was not found in ‘vue-router‘
Vue3 "export ‘createWebHistory, createRouter’ was not found in ‘vue-router’在vue3中vue-router写法要改变import { createRouter, createWebHistory } from 'vue-router'//import Router from 'vue-router'// Vue.use(Router) const routes = [ { path: '/ho
2021-12-02 15:56:54
1539
转载 warning package.json: No license field报错
只需要在package.json内对license添加“ISC”值即可 "license": "ISC",再次执行无误
2021-11-30 15:38:31
3290
原创 百度离线地图—绘制多边形（三）
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html{width: 10.
2021-11-30 08:55:30
933
原创 百度离线地图---加载卫星地图（二）
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html{width: 1.
2021-11-30 08:47:11
1391
原创 百度离线地图-加载地图(一)
一、源码<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html{w.
2021-11-29 16:08:50
1532
2
原创 Css中transition过渡效果
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><style> div { width: 100px; height: 100px; background: red; transition: width 2s; transition-timing-function: cubic-b.
2021-09-28 10:33:30
174
原创 css 动画效果
<html> <head> <style> .el-skeleton__item{ background:linear-gradient(90deg,#0dfbed 25%,#e6e6e6 37%,#f2f2f2 63%); background-size: 400% 100%; display: inline-block; height: 16px; border-radius: 4px; wi.
2021-09-27 13:44:02
322
leaflet+高德地图+风场
2023-07-13
lngLatShiQu.html
2021-07-01
VOcs走航图是怎么实现的
2021-06-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人