- 博客(14)
- 收藏
- 关注
RSS订阅原创 Cesium - GeoJson数据的显示和隐藏
可以有它本身的show属性去控制,话不多说,上代码 //添加geojson数据 addGeoJson(url, type) { let color = ""; if (type == "区") color = "RED"; if (type == "街道") color = "GREEN"; if (type == "社区") color = "PURPLE"; if (url) { this.$axios.get(
2022-03-08 15:38:56
1942
原创 JS多条件筛选
let obj = { fileType: this.selectTypeValue, stamp: this.selectStampValue, sessiona: this.selectSessionaValue}let arr = this.allFileList// 通过遍历key值来循环处理Object.keys(obj).forEach(item => { // 调用自己定义好的筛选方法 arr = filterFunc(obj[item],item , arr) })
2022-02-17 16:33:06
1984
原创 Cesium解析txt,dex,geojson,shpfile-zip
cesium解析txt,dxf,shpfile的zip,geojson文件geojson的文件,读取后直接就是geojson格式,cesium有相对应的示例可以直接加载,所以没有过多要说的.dxf文件是借助一个js库读取的,返回的也是geojson格式.同样用来直接加载即可shpfile解析同dxf文件的解析步骤txt文件由于参数过于特殊,而且并没有找到一些相对应的工具库,所以自己去解析的,对于格式有很大的局限性,目前支持一种格式,稍微我会把格式分享出来,仅供参考话不多说,上代码.☺ cons
2022-01-29 00:30:00
1635
原创 文件上传后,将返回值转为file
场景:当由前端把文件发送给后端存库后,后端返回我们一个接口,前端调用接口拿到返回的值,此时返回的值是浏览器自动读取返回的Blob,但是由于文件用法不同所以现在需要的是文件流,接下来就需要通过Blob,File两个对象. let FormParams = { url: `/getFile${params.fileUrl}`, method: 'get', headers: { needToken: true } } axios(FormParam
2022-01-28 11:20:00
1447
原创 js 中 forEach无法删除数组项目
js 中 forEach无法删除数组项目原因 :forEach 回调函数 中删除数组中的一项，会导致数组项往前移动，而 index 在下一次就 index++ , 这样就略过了被删除项的后一项，导致出乎意料！解决方案： for 循环 index–for (let index = 0; index < data.length; index++) { if (data[index].from === 'china') { data.splice(index, 1); index-
2022-01-20 22:30:00
712
原创 Vue重新渲染页面
vue重新渲染组件第一种使用vue内置的forceUpdate方法this.$forceUpdate() //这不会更新您拥有的任何计算属性,调用forceUpdate只会强制重新渲染视图第二种在元素上绑定一个key,当key修改时,该DOM元素就会重新渲染<template> <div :key="once"></div></template>export default{ data(){ return{ once:0,
2022-01-19 18:20:59
13073
原创 Vue使用自定义字体
vue使用自定义字体1.新建一个文件夹,放在assets下.然后把字体文件引入到文件夹里,这个文件夹是存放字体文件的,根据个人喜好命名2.在assets/css下新建一个font.css文件@font-face { font-family: "苹方"; src: url("../tff/PingFang Regular.ttf"); font-weight: normal; font-style: normal;}3.在App.vue文件中使用<style lang="l
2022-01-19 18:17:35
2344
原创 element中分页组件的索引连续显示
获取到数据，使用forEach为每一项动态添加index属性。this.tableData.forEach((item,index)=>{ item.Index = (currentPage-1)*pageSize+index+1})
2021-11-03 18:01:43
173
原创 vue+openLayers入门教程
介绍:OpenLayers官网OpenLayers插件类型可以理解为专门处理地图的一个库其中有两大类 map和view,map是ol中的核心组件,初始化一副地图(map),时,至少需要一个可视化区域(view),一个或多个图层(layer)和一个地图加载的挂载点(target)1.vue中使用Openlayers注意:地图容器需要设置宽高,否则看不到初始化的地图效果地图介绍一.关于投影 1.投影,地球不是正圆的球体,是一个不规则的椭圆体,所以我们要是想让它展开在桌面上,就会发现地图都会和
2021-09-14 14:12:18
26689
6
原创 vue+openlayers6 解析GeoJSON数据
解析GeoJSON数据有两种概况,一个是安装包或者文件夹解析成GeoJSON数据,这个里面必须报好一个.shp文件作为入口.或者是.getjson文件.第一种情况:1. yarn add shpjs 2. const shapefile = require("shpjs");shapefile("http://127.0.0.1:5500/国道").then((geojson) => { this.fileData = geojson;});注意:路径如果读取本地有可能会读取不到
2021-08-27 20:34:53
1623
原创 Vue删除一个DOM元素后再次动态创建该元素样式无法生效
Vue删除一个DOM元素后再次动态创建该元素样式无法生效原因:因为页面在编译的时候会在样式前加一个data-xxxx的编号,你把这个元素删除了,再次创建元素后不会生成这个编号,就算生成了编号也不是一样的 所以就会导致没有样式,可以使用开发者检查工具也就是F12,看一下元素的样式.解决方法:1.去掉scoped,如果你有子组件,并且有重复的类名或id名会很麻烦2.样式写在全局,这有可能会造成环境污染3.使用穿透: >>> 穿透 或者 穿透 或者 ::v-deep 强烈推荐..
2021-08-27 10:13:33
981
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人