- 博客(76)
- 收藏
- 关注
RSS订阅原创 cesium 加载arcgis 发布的静态切片服务
arcgis 发布的服务有静态地图服务（缓存切片）和动态地图服务，参考网上的ArcGisMapServerImageryProvider，cesium 可以正常加载arcgis瓦片如： var vec2s = new Cesium.ArcGisMapServerImageryProvider({ url:"https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",
2020-11-23 14:28:22
1810
原创 可视化网站备份
1、https://github.com/zhongcaiwei/Data-visualization-technology-sharing
2020-11-20 15:59:48
190
原创 python 学习-环境安装
1、python 安装，官网下载，之前已经安装过，这里不再说明2、安装PyCharm 去官网https://www.jetbrains.com/pycharm/download/download-thanks.html?platform=windows&code=PCC下载，选择社区模式（免费）即可下载后双击程序安装，注意要选择（add to path）,否则安装后要设置环境变量3、安装PyCharm格式化插件Autopep8 一般python 安装时会默认安装pip，...
2020-11-12 10:40:14
245
1
原创 sqlite配置下载安装及使用图文教程
一、sqlite 安装1、进入官网下载sqlite 和工具https://www.sqlite.org/download.html2、解压后放在某个文件夹3、配置系统变量path，将sqlite的路径添加到系统变量path下4、测试sqlite安装是否成功 打开cmd窗口，切换到sqlite的目录，输入sqlite3，出现如下提示信息表示安装成功,5、测试创建数据库在当前sqlite下，输入 .open f:database/sqlite/test1.db...
2020-11-11 11:27:34
7023
原创 vu-element-ui img src 路径为assets 时加载动态图片失效的多种情况分析
项目需要基于当前天气类别，显示对应的天气符号，为img的src属性绑定，其中图片放在目录assets下，发现以下几种情况1）在代码中require必须用computed而不是method如下图，在method getIcon1中，为src 绑定 method getIcon1，getIcon1通过require引入图片，测试无法获取图片解决方法 是将method 变为computed计算属性，可以获取成功（既可以用相对路径也可以用绝对路径）2）通过data引入时，必须在...
2020-11-04 10:40:42
1458
原创 cesium osgb 转cesium 可用的3dtiles 和b3dm 汇总测试
1、倾斜摄影原始.osgb格式数据如下 倾斜摄影数据仅支持 smart3d 格式的 osgb 组织方式， 数据目录必须有一个 “Data” 目录的总入口， “Data” 目录同级放置一个 metadata.xml 文件用来记录模型的位置信息，2、由于osgb不能直接在cesium中加载显示，所以需要转换成3dtiles或b3dm格式2.1、cesiumlab osgb-转b3dm软件采用cesiumlab,如下图所示输出目录含tileset.json测试：在lo...
2020-11-03 17:49:38
12194
3
原创 oracle 创建sdo_geometry 完整的sql语句
---创建表create table gis_rule_test ( rule_id number primary key, rule_name varchar2(32), shape sdo_geometry)---插入元数据insert into user_sdo_geom_metadata(TABLE_NAME,COLUMN_NAME,DIMINFO,SRID) values('gis_rule_test','shape', SDO_DIM_ARRAY( -- 2..
2020-10-29 10:55:35
512
原创 unknown mutation type: plan/SET_PLAN_INFO 以及多种方式调用分模块的mutaion
通过module分类管理 store时 调用mutation 出现错误原因：export 时命名空间写错，应该是namespaced:true，只有命名空间公开，才能用plan/SET_PLAN_INFO来调用2、页面中调用时，有多种调用方式a、直接调用this.$store.commit(‘plan/SET_PLAN_INFO’)b、引入mapMutations 在需要调用的组件import{mapGetters,mapMutations}from'vue...
2020-10-28 17:26:24
460
原创 vue-admin-template 多个跨域模式设置
通常在跨域时会涉及到从某个固定的服务器获取数据，比如计划信息从计划接口服务器获取（主要的跨域地址），但是天气信息从固定的气象接口服务器获取，图片信息从图片接口服务器获取，此时不能用原来的默认模式一、简单的方法（只讲开发模式下）1、直接在proxyTable中配置1）配置开发环境下默认计划服务器地址跨域2）配置开发环境下天气信息跨域简单模式时完整配置，如天气信息getWeather的实际完整地址3）修改开发环境的默认根目录地址为主要的跨域配置地址在根目录下找到.env.pr
2020-09-28 11:27:10
2112
原创 vue-admin-template 引入mapbox 矢量样式 sprite和font跨域配置
开发环境正常配置proxytable 没问题，但是build 后发布到正式环境总是有问题1、矢量地图 图标sprite 跨域访问不到正式项目cmh部署到http://[域名]:[端口]/hyair下，同时存放sprite图标和font字体的spriteUrl文件夹也存放到同一个服务器下，可分别通过http://[服务器域名]:[端口]/spriteUrl/spriteSVG/sprite.png访问到sprite,http://[服务器域名]:[端口]/spriteUrl/font/ 访问到
2020-09-25 17:37:58
499
原创 element-ui的el-select总是不显示label，而是显示value
element-ui的el-select总是不显示label，而是显示value，这个问题改了无数次，结果发现是没有为el-option赋值label,
2020-09-08 16:48:44
891
原创 element-ui 对话框中嵌套对话框及其遮罩层关闭问题
1、经常会遇到对话框中打开对话框，主要是两个对话框均设置:append-to-body="true"父组件对话框父组件中引入子组件子组件中对话框设置运行后这样即使是多个对话框逐层嵌套都可以。注意的是，在子组件中千万不能输入:modal-append-to-body="false"，否则，当子组件关闭时，所有对话框的遮罩层都会被关闭，变成了没有遮罩层，如下图两层对话框关闭子对话框后，父组件的遮罩层同时也被关闭了下图第三层对话框关闭后，父组件和父组...
2020-09-07 15:38:20
3736
2
原创 vscode 中 svn检出的时候报 Unable to connect to a repository at URL错误
vscode检出时报错Unable to connect to a repository at URL ...1、明明提交了，也能看到提交日志，但是vscode右下角还是提示Unable to connect to a repository at URL ...报错，在网上查资料都是清理缓存，具体步骤：右键点击TortoiesSVN -> Settings -> Saved Data->clear清理本地缓存后点击确定，这时再在vscode中提交，提示需要输入svn用户名和密码，按要.
2020-09-01 11:15:43
947
原创 vue-admin-template 自学3-Mock模拟
1、在api下新建脚本，在脚本中声明接口 这里要实现getMyCrafts,声明接口的url和method方式2、在mock中模拟数据，并模拟接口的具体实现 这里的url一定要和上一步中的接口生命中一样，在response中模拟接口的返回3、接口调用在需要调用接口的组件中先通过import{getMyCrafts}from'@/api/aircrafts' 引入接口声明中的接口，然后就可以通过引用getMyCrafts来调用请求了...
2020-09-01 10:40:12
341
原创 vue-admin-template 自学2-添加自定义登陆状态
项目需要在左侧菜单树的底部添加登陆状态显示，由于上一篇中已经屏蔽了默认的navbar状态菜单，这里，可以添加自定义的loginBar组件1、在sideBar文件夹下新建loginBar组件2、登陆状态的现实，对于已经登陆的，要显示登出log out 按钮，这里绑定ｉｓＬｏｇｉｎ 来显示，当组件初始化后，通过计算ｉｓＬｏｇｉｎ中获取登录ｔｏｋｅｎ来获取登陆状态，从而切换 ｌｏｇｏｕｔ 菜单的现实３、退出登录实现d对于已经登陆的用户，显示了og out 按钮，点击log out，可实现退
2020-09-01 10:01:44
427
原创 vue-admin-template 自学1-基于路由修改页面登陆菜单布局
因项目需要，需要改变vue-admin-template 登陆后页面布局1、布局试图在layout/index.vue中，因为我这里的菜单不含二级子菜单，且不需要右上角的登陆试图，所以屏蔽掉二级子菜单和navbar2、修改路由router/index.js，删掉默认的dashboard，添加自己的默认页面3、在视图中添加geo组件实现，views/geo/index.vue组件，在组件中填写自己的实现4、基本上默认效果如下...
2020-09-01 09:44:44
910
原创 vue-cli3 在qq浏览器不兼容
之前一直用google浏览器，发现在qq浏览器不显示内容，解决办法，直接使用cli-plugin-babel框架，具体安装如下npm i @vue/cli-plugin-babel安装后，项目跟目录下，会自动新增babel.config.js配置文件，重新运行项目即可...
2020-08-10 10:10:14
1199
1
原创 vscode 配置调试环境（内部调试+远程调试）
vscode 开发vue时，以前为了懒，直接利用浏览器的F12来进行调试，但每次找代码的具体位置比较繁琐，还是要遵循标准的调试方式。 1、首先安装vscode的扩展控件Debugger for Chrome2、配置调试参数 在vscode左侧的目录树中打开调试窗口，在打开的窗口中点击 小齿轮样式的设置 按钮，然后选择chrome, 然后选择要调试的项目，我这里选择hy3d，VSCode将会在工作区hy3d根目录生成.vscode目录，里面会有一个l...
2020-05-09 17:36:04
4075
原创 openlayers 使用iconfont作为字体图标 来表示大量记录时会出现卡顿
上一篇讲过openlayers 可以使用iconfont来表示图标，好处是可以任意修改图标图片的颜色，但是如果是来表示大量要素时，存在卡顿现象，如在航班监控时，全国有1000多架航班同时在飞，系统每隔5秒刷新一次，由于用iconfont是用canvas来实时生成的，1000多架航班刷新会很卡，所以这时候应该用图片来表示图标，即将全国航班监控提取出来，单独用图片表示。/** * 功能：航班样...
2020-04-20 09:44:36
889
原创 openlayer两种方式实现点击出现弹框显示
有两种方案，一种是利用overlay，采用pupup(经常用来弹框保留，地图移动时，弹框不关闭，会自动计算位置，不会消失或出现位置混轮)另一种是直接添加额外的div(这里主要是针对鼠标移动信息弹框即消失的情况，不然每次移动就要重新重新计算弹框的新的位置)，首先计算当前当前的点击点处的屏幕坐标(通过getPixelFromCoordinate得到当前屏幕的像素坐标）然后将新添加的div添加到当前...
2020-04-08 13:22:36
1412
原创 openlayers高亮显示和点击（包含去除默认高亮显示样式）
由于项目之前使用的是ol4，所以这里主要是在ol4中如何实现高亮显示和点击主要是使用ol.interaction.Select首先要初始化，指定要高亮显示和选择的图层，然后添加到地图上，添加高亮显示和点击事件//初始化高亮显示和选择工具 initSelTool : function() { this.selTool = new ol.interaction.Select({//...
2020-04-08 11:24:52
4380
2
原创 openlayers style中如何引入iconfont图标
在ol.style.Style中如何引入iconfont作为图标，前提是项目中已经引入了iconfont1、在iconfont 的https://www.iconfont.cn/plus/collections/detail?cid=2599网站中注册，新建项目文件夹，添加感兴趣的图标特别注意，查看项目的前缀是什么，比如这里的前缀是icon-，那如果在引用时，某个类名hy-user总类名...
2020-04-08 09:57:57
1358
1
原创 vue中矢量切片样式文件style.json 部署到正式环境
vue中通过mapbox脚本添加矢量切片，会存在跨域问题，需要修改的地方如下其中矢量图层不需要跨域处理，为图层在矢量切片服务器中的地址，但是sprite和glyph的地址需要做跨域处理sprite和glyphs在nginx.conf中的跨域处理如下...
2020-04-08 09:28:19
303
原创 vue 发布到正式环境跨域配置（及部署后无法通过路由访问问题）
vue在本地跨域通过配置proxy没有问题，但是发布到正式环境后仍然存在跨域问题，只有通过跨域1、在vue.config.js文件中devServer下的proxy子节点添加正式环境跨域参数，这里在正式环境的跨域为api3s2、配置正式环境参数2.1 配置基于axios的请求跨域，新建axois的基础配置文件https.js，配置axios的默认url ，这样在正式环境，a...
2020-04-07 17:38:43
4369
原创 openlayers 聚类分析中预警marker 的位置在缩放过程中出现偏移
问题：在做疫情分析时，疫情点采用cluster动态聚集，对于有肺炎患者的地方，通过overlay的方式显示动态闪烁点，但是由于疫情点是动态聚集的，在不同的级别，聚集点不同，下一次聚集时，有肺炎患者的点被聚集到另一个聚集点中，但是预警闪烁点的位置还在原地，这样就造成预警点不在有肺炎患者的聚集点中。解决办法：当新出现肺炎患者点，将其加入到聚集图层中，同时添加overlay 预警点，并将肺炎患者点的...
2020-04-07 16:54:09
929
原创 vue cesium 在线学习网址汇总（更新ing）
1、vue2 集成 cesium（有集成后的模块）https://github.com/zouyaoji/vue-cesium2、跃焱邵(比较有深度，值得借鉴的例子）https://www.yueyanshaosun.cn/ysCesium/views/index.html3、pm2.5在线例子https://www.moyublog.com/code/5d66be...
2019-11-15 11:27:46
754
原创 tileserver-gl light 矢量切片服务器本地部署
项目的需要，需要部署矢量切片服务器，这里记录下：最开始准备安装tileserver-gl，安装几次不成功，对node版本敏感，索性放弃，直接装轻量级版本安装node环境网上下载最新的node js，安装，安装完毕后，查看其版本，看是否安装成功 npm -vnode -v设置node 环境变量在D盘新建目录node_cache和 node_global，作为no...
2019-11-13 14:20:42
2220
1
原创 vue 引入外部脚本（将脚本单独放在一个js文件中，避免vue文件臃肿）
.vue文件可以很好的模块化，但是对于从纯js前端转变过来的人可能会有点困难，尤其是习惯了html引入js脚本，在vue文件中，通常将脚本放在method中，但是有的时候如果方法过多，造成vue文件过大不利于管理，尤其是这些方法可能就是纯数据处理，对于组件关系不大，比如日期转换，大小写转换等，可以将其放在一个js文件中，export出去，然后在.vue文件中调用。demo：表示基于风速和风...
2019-11-13 13:46:21
2891
原创 vue配置接口url
接上一篇“vue配置axois多环境跨域访问”，aoxis在请求是要有url的，这里写ur的配置为了项目的需要，可以在src的common文件夹下新建api文件夹，在文件夹下新建index.js,在这里写配置文件import { xmmc } from './xmmc.js' //导入项目名称import commonWea from './commonWea/index.js'...
2019-11-04 09:52:32
3947
原创 vue配置axois多环境跨域访问
需求：项目的开发环境、演示环境和正式环境在不同的服务器，因此需根据需要自动配置axois的服务器路径，同时也要配置跨域访问1、项目中安装axoisnpminstallaxios--save2、配置axois在main.js文件中添加import axios from 'axios' //引入axiosVue.prototype.axios = axios;...
2019-11-04 09:19:35
752
原创 vue-cli3 调用jsonp
因为项目是对旧项目的重构，旧项目有用到jsonp格式，直接用axios调用会出现null字符串，而且返回的格式也不是json形式所以需要增加对jsonp的使用，具体如下：1、添加jsonp依赖npmijsonp--save-dev2、在页面中引用jsonpimport jsonp from "jsonp";3、在页面中使用用jsonp ...
2019-08-07 11:44:25
1995
原创 vscode 配置svn插件
1、首先要在桌面端安装svn的客户端TortoiseSVN，注意在安装的时候要选择Command line tools，否则，在vscode中安装后会报错“SVN not found”2、如果已经安装了客户端还是报Command line tools错误，说明在安装的时候没有选择Command line tools（默认是不红色的叉叉，代表不安装Command line tools），这时...
2019-08-02 10:03:33
82645
13
原创 vue 添加变量（非全局）
之前有说过vue 添加全局变量和全局函数，但有时并不需要在全局中用到，有时某个vue组件需要用到某个局部变量针对这种情况，可以将变量放在一个js文件中，如focused.js文件const focused = 1;const S = "dd"export { focused, S}在页面中有两种方式调用方式1：import { focused,S ...
2019-07-25 15:57:30
544
原创 vue-cli3 用路由配置多页面
之前有写过用vue.config.js中的pages节点配置多页，但是这样，每个页面都要有一个入口文件和入口vue（如app.js 和app.vue），对于多个同样的项目，尤其是要利用到共同的通用配置，其实只需要写一个入口文件，入口vue，每个页面个性化写自己的页面，可以充分做到既通用又模块化1、在src目录下新建router文件夹，文件夹下新建index.js，index.js中写每个页...
2019-07-18 15:54:31
7284
原创 关于vue-cli3 走过的坑
1、在vue-cli3中静态资源目录为public，而不是static，所以如果静态资源，可以放在public中 比如map.html 放在public下，运行npm run serve 后用http://localhost:8004/map.html可以访问得到，反之，放在static下则访问不到2、组件中调用方法奥，为了更好的组织，将方法放进某个文件然后暴露出来，供组件调用，不...
2019-07-18 13:49:11
253
原创 vue 添加路径别名
在vue-cli项目中的的配置文件vue.config.js中添加路径引用别名1、引入路径const path = require('path')2、添加函数function resolve(dir) { return path.join(__dirname, dir)}3、添加别名 resolve: { alias: { ...
2019-07-17 13:37:45
1044
原创 vue 配置jquery
1、安装jquery 依赖npminstalljquery–S2、在配置文件vue.config.js中添加jquery 配置在文件头部 添加定义const webpack = require('webpack')在配置中添加引用configureWebpack: {plugins: [new webpack.ProvidePlugin({jQuery: ...
2019-07-15 15:12:12
1761
原创 vue 引入iconfont自定义图标
1、在阿里的iconfont 页面(https://www.iconfont.cn)注册账号，新建项目，添加感兴趣的图标到自己新建的项目，修改图标的类名，下载项目到本地，解压2、在asset下的lib目录下新建iconfont目录，将步骤1中的文件拷贝到这个目录3、修改iconfont.css文件，修改引用文件的目录结构,主要是添加头部及修改默认的iconfont类的样式（下次下载...
2019-07-05 16:47:12
2488
原创 vue 引入iconfont
1、在阿里的iconfont 页面注册账号，新建项目，添加感兴趣的图标到自己新建的项目，修改图标的类名，下载项目到本地，解压2、在asset下的lib目录下新建iconfont目录，将步骤1中的文件拷贝到这个目录3、修改iconfont.css文件，修改引用文件的目录结构4、在页面的入口文件中添加引用import './assets/lib/iconfont/iconfon...
2019-07-05 16:46:03
150
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人