小小的杰茜-CSDN博客

原创水经注下载注记地图， mars3d加载底图

以澳门为例子，水经注下载注记地图， mars3d加载对应注记底图

2024-02-22 10:07:30 633

原创 vite 查看项目依赖资源打包后的占比

使用的是 rollup-plugin-visualizer；一个打包体积分析插件，对应webpack中的。就出现了对应的html页面，打开后会出现这样的一个页面；可以查看依赖资源所占份额；vite 打包的时候发现 dist 包挺大的；可以查看相应依赖资源的所占比例。2、添加 vite.config.ts 配置。配置好后运行构建命令会生成一个。这样就可以看到各个资源的占比；

2023-12-28 13:35:05 949

原创 npm 更换镜像

有时候npm install 安装时太慢了，可以试试设置淘宝镜像。，说明配置的是淘宝镜像。

2023-11-30 15:00:15 933

/ 更新所有包 || -- save 主动更新 paceage.json 文件。问题：update 不会去更新 paceage.json 文件；// 更新单个包；npm outdated 检查 npm 包的版本状态。有可能更新了包的大版本，找到对应包，看下更新日志之类的；但是如果升级大版本的话，可能会有兼容性问题；ncu 检查 json 文件中的更新。之后使用命令去更新 json 文件。一次性升级更新项目所依赖的资源，添加到命令就可以主动更新了；ncu -u 更新文件。

2023-10-17 11:27:16 593

原创【mars3d学习】淹没分析，计算最高最低值出错

初始化一个polygon面的时候，使用 mars3d.PolyUtil.interPolygonByDepth 直接计算淹没的最大最小高度值；但是使用startDraw的时候是正常计算值的，而且将这段代码原原本本的复制到 “绘制矩形”’ 按钮的方法中，也是正常计算值的；我觉得应该和地形分析的淹没分析一样，是地形没有加载完全导致的；也就是说我的视角刚跳到那块，那块的地形刚刚开始加载，还没有加载好，我就开始计算了。因为需求原因，又切换成这种加载方式，矢量面的淹没分析，又遇到了计算失败的问题；

2023-09-14 17:45:31 241

原创 [mars3d 打包]vue3+vite，打包后mars3d找不到

解决方案：引入应该是引入成功了，但是打包的时候没有将packages里面的包打进去，是因为官网方式三的右下角vite.config.ts没有修改，打包的时候没有打进去；相关的mars3d的相关方法会报错；但是mars3d的打印日志是有的；问题：开发时一切正常，打包之后，页面白屏，没有渲染；前提： vue3+vite开发框架；方式3获取sdk,引入mars3d;

2023-08-18 13:48:40 233

原创【mars3d - 报错】使用mars3d加载时的一些报错和不生效问题

在使用过程中遇到过很多报错，不管大的还是小的，在这里总结下，应该会持续更新；可能是因为 arcType：Cesium.arcType.NONE 与 clampToGround：true 是相互冲突的，两个都设置就会报错的；只能二选一了这个就比较简单，就是样式没引入，新建个css || less 文件，引入下就好；如果是mars3d官网的样式，直接将对应文件引入即可；在里面写了按钮，点击却没有触发事件；比如下面，岳西水厂的按钮就可以触发，大别山水厂的按钮就触发不了；设置pointerEv

2023-08-09 15:24:49 855

原创【mars3d】将mars3d中的示例代码拷贝到自己项目中

mars3d，示例代码单页面讲解，迁移

2023-07-21 13:52:10 481

原创【vscode 格式化】prettier 格式化之后添加逗号，与eslint冲突

最近格式化文件的时候老是添加逗号，保存的时候会eslint在格式化一遍，将逗号删掉；2.就是在设置的搜索框中输入“vetur”，点击“在settings.json中编辑”JSON文件是不支持备注的，cv过去时要删掉注释。文件配置，可直接用，配合eslint使用足够了。不过我的设置中没找到，估计是要什么配置吧，一、配置 .prettierrc 文件；

2023-06-29 09:22:35 1637

原创【mrs3d+divGraphic】在地图上添加divGraphic

这红色的点就是调试点，当面板的最下边处于那个点下，就说明位于地下了，就会导致移动地图，div移动；那就需要用到 testPoint 这个参数了 - 用于比较测试div的位置，方便调试CSS。处于点上，就说明是个有高度的div,也会有些微的移动，因为3d视角的原因嘛；或者你只用到其中一个样式，找到其中的样式，专门复制那一个样式也是可以的；到这里，样式应该也能生效，一个divGraphic就能出来了；有可能产生的问题就是移动地图时，div会移动；可以直接用他们封装好的css,省的调试了；

2023-06-27 11:15:05 309 1

原创 [Nginx 发布项目] 打包后的项目，使用nginx发布

2.1 在 nginx - conf - host 文件夹下复制拷贝一份 localhsot_80.conf，修改为任意名称。root 是你打的包放的位置 -- 可以直接将打包的项目路径给到root;1.1 直接将打包的文件，例如：dist下的文件，直接拷贝到 html 文件夹下。修改后的 nginx 发布的服务，确保nginx发布服务时正常；2.3 需要将之前的nginx任务结束掉，在重新开始。1.2 在浏览器直接输入ip地址就可以访问项目了。输入 ipconfig -- 查看ip地址。

2023-05-22 17:54:30 699

原创【axios 使用】下载文件流以及获取响应头header content-disposition

由于项目使用的是 apipost ，所以在使用的时候还要设置 isReturnNativeResponse -是否返回本机响应标头，一般可能设置 responseType: 'blob' 就可以了。//这里只把这个响应里的data返回回来了，所以取不到headers，想要全部信息就return response;响应首部 Access-Control-Expose-Headers 就是控制“暴露”的开关，它列出了哪些首部可以作为响应的一部分暴露给外部。这个时候就能在前端获取到响应的数据了。

2023-05-06 15:16:17 6849 1

原创【nvm 安装】使用nvm管理node版本，安装步骤

nvm install [arch] ：安装node， version是特定版本也可以是最新稳定版本latest。如果有，且安装过程中选择合并了以前版本，可以删除nvm中所有nodejs版本（主要是安装nvm前就有的版本），重新安装所需nodejs，再运行nvm use。：都在说安装之前需要删除node版本，避免冲突，很听话的我删除了，你可以试试，会不会报错，错误2： ��ִ��ִ��。安装过程：选择安装nvm的路径，选择安装node的路径；

2023-05-06 10:54:35 1884

原创 [mars3d 学习] 最近升级版本造成的问题

2、升级Cesium到1.103，之后打包又会报错 - error in ./node_modules/mars3d-Cesium/Build/Cesium/index.js。1、参考 https://gitee.com/marsgis/mars3d-vue-template/tree/master/mars3d-vue2 升级下vuecli到5。如果不升级Cesium的版本到1.1以上，就需要保持，mars3d的版本在3.4咯，那肯定不现实，因为新版本肯定会有新功能，万一想要用新功能呢；

2023-04-28 14:33:57 1264 1

原创【Mars3d 学习】材质类型

材质会让我们的业务需求变的简单，比如一条虚线，一条发光线，一张图片面，以及棋盘格，波纹扩散等等；这样我们就能找到我们所需要的类型，如果没有的话，或者效果达不到预期，那么久需要自定义材质了；这里我以point点对象为例，很明显，Api里没有写材质，说明点不支持材质的设置；这个是线对象，标明了materialType，说明是支持材质类型的；4、现有的材质不能满足需求，如何自定义材质呢？这个就需要懂一些额外的知识了，或者付费让他们开发。1、创建的对象支不支持材质呢？3、如何绘制带有材质的对象？

2023-04-19 10:35:26 457

原创 [mars3d] 学习

绑定点击事件，解绑事件；添加图层，添加矢量对象；参数设置，底图加载

2023-04-14 15:30:21 791

原创【Echarts】图表添加背景图片，文字

使用css布局时，如果宽高发生变化，图表可以进行resize，但这时背景图就不好重新设计了。查看echarts，结果发现了graphic -- 原生图形元素组件。写echarts时，通常ui会设计有背景图，而且会有文字；

2023-04-03 10:30:38 1774

原创 [cesium]使用cesium创建的地球，如何结合mars3d热力图

首先用cesium创建了一个地球，原生或者使用mars3d.cesium都可以哦；热力图直接使用mars3d创建的map，进行加载，就可以直接加载在地图上；这是因为用了两个cesium导致的，所以在使用过程中只能用到一个cesium。使用cesium创建的地球，但是热力图我想使用Mars3d去加载；毕竟操作的地球都不是mars3d创建的；第二步就是用上面创建的viewer传给mars3d；不过值得注意的是，我创建的时候，一直在报错；

2023-03-17 13:44:29 489 2

原创【mars3d - 格式转换】shp和kml 的格式转成geojson格式

mars3d加载模型时经常碰到加载shp和kml的需求，这些数据都可以转为geojson格式进行加载。

2023-02-23 15:11:54 282

原创 [若依框架 + Mars3d] 集成问题

使用deep进行css设定即可；把mars3d官网示例的代码拉下来，将其lib下的 mars3d.css中所需要的拷贝过来，进行了deep设置就解决了；vue.config.js 的 publicPath:/ 改成 publicPath: ./ 加载地图出来了。1、使用后，地图的控件横排显示，使用css改成竖排，也会像右边那样，打开的子控件向下排列；2、集成mars3d时，地图不出现，使用的是下面的集成方式；希望大家的项目都顺利，bug-1-1。

2023-02-20 14:43:03 424

原创【mars3d + 页面缩放】点击地图，坐标不一致问题

创建的地球，点击出现的popup位置和自己点击的位置不一致，那么在map的构造参数里，就需要进行换算xy的像素值，如下。大概率就是页面进行缩放，弹出的popup坐标偏上或下；

2023-02-08 15:52:09 671

原创 [mars3d - popup] 如何将mars3d的popup组件化

在使用中，popup的innerHtml似乎只能使用原生dom绑定事件的方式去触发事件，不方便啊；那么其实我们可以封装成vue组件去使用，就可以按照vue开发的方式绑定事件。

2023-01-11 11:10:55 463 3

原创【mars3d+turf 简化点位】地形开挖等点位密集问题

一个坑的给了几万个点集数据，就这样进行加载的话，直接就崩溃了；或者是帧率较低那就需要turf进行简化中文版 - 简化多边形 | Turf.js中文网英文版 -

2022-12-06 17:04:29 243

原创 [antdesign + 树控件] 拖拽功能

思路: 我们有treeData（有结构的树控件数据）和 AllData（没有结构的数据），拖拽之后修改AllData，在重构树结构就行。当拖到父目录下的子目录下面的时候，它仅仅只能通过expanded(该目录是否展开)去进行判断，他是拖拽到父目录下还是子目录下的。子目录展开的话，即使拖到父目录下，但是它的上一个节点是展开的子目录，他默认是添加到展开的子目录里面的；比如子目录没有展开，即使拖到子目录下，但还是添加到了父目录下；看了官网，也是这样；不知道大佬们有么有其他的解决方法呢？

2022-11-10 17:43:21 1098

原创【mars3d】聚合点更改样式，自定义背景

聚合点更改样式，自定义背景问题：绘制出来的效果，经常只有数字，没有背景图，移动过去才有背景图。中有个文件 CanvasBillboard.js ，需要引入；1.通过 mars3d的方法 getTextImage （2.使用Canvas转图片，mars3d也有对应示例参考。）将文字转换成base64图片，但是会出现上面的问题；自定义聚合点的背景图片，图片上显示聚合的数目。之后 getImage 中使用该方法即可；Util - Mars3D API文档。

2022-11-09 09:36:33 1015 1

原创【antdesign】树控件的搜索功能

2.搜索不带层级的那份数据 'allData' ，筛选出他的key或者id，赋值给树控件的展开节点。1.树控件的数据另存一份不带层级 ‘allData’，用于搜索，创建树控件 - 关键字标红就是在template中直接进行设置；3.关键字标红则是直接在树控件中控制。根据关键字搜索出树控件中的数据，

2022-11-04 17:59:30 1745 3

原创【antdesign】表单校验规则集合

message --- 校验错误时展示的提示。required --- 红色星号的显示。使用antdesign的form表单。pattern --- 校验规则。

2022-09-19 13:58:45 2188

原创【vue3】provide + inject的使用

之前又说过props的方法，今天主要浅说下provide + inject；父组件下的很多个子组件中都使用了一个参数，或者父组件下面有很多的孙组件（子组件下面在使用子组件，在使用子组件）这种情况，如果使用props 的话会有很多个参数传递来传递去，很有可能会弄错，从而出现问题；provide 组合在父组件中注入一次，那么在该父组件下的所有子组件和孙组件都可能获取到这个注入的值。父组件中使用 provide；子组件中使用 inject。简单的一个父组件，一个子组件的使用props就会方便很多。...

2022-08-18 10:09:44 365

空空如也

空空如也