12 2022 档案
摘要:由于同时有vue2和vue3的项目开发情况,vue2项目的nodejs版本是12,vue3项目在node12版本下运行不了,要求最低14版本,因此要用nvm同时安装和控制2个版本。 安装步骤: 1、卸载已经安装的nodejs版本 2、安装nvm软件,下载地址:https://github.com/c
阅读全文
摘要:1、导入航拍影像的空三文件 先打开DPSlnManager.exe软件,DP数据管理是用这个软件来操作的。 先从CC中导出空间文件,XML格式和无损影像。然后导入到DP 2、从CC中导出OSGB,然后导入到DP软件 3、DP软件中导入OBJ模型
阅读全文
摘要:实现效果(这里做了1条主河道和5个支流): 核心代码使用了Leaflet.hotline插件,github下载地址链接 详情见我之前整理的一篇文章介绍河流热力图 核心代码逻辑: // 处理河流数据以及渲染热线图 let coorObj = this.handleRiverData(this.wate
阅读全文
摘要:实现地图遮罩效果(主要显示目标区域内部,外部用暗色填充): 地图遮罩实现思路:外部建一个很大的矩形区域和内部行政区边界线组成一个镂空的polygon,然后给这个polyon一个透明度为0.4的黑色即可。 源代码: //边界高亮及遮罩效果,arr是内部行政区边界线的geojson的坐标 drawBou
阅读全文
摘要:uniapp中不能直接使用百度echart,要么就只能嵌入html,然后在html中进入echart进行使用,这样非常不方便, 下面介绍这个插件,对百度echart进行局部小改造,使他能在uniapp上使用。关键是vue2和vue3上都可以使用,如下: 插件地址链接:百度图标echarts
阅读全文
摘要:由于uniapp中要使用地图,虽然uni-app有地图组件map,但是很难用,而且性能很差。在app中是不能操作dom,所以直接用leaflet是不可能的。最终发现了renderjs,官网提出,在app-vue环境下,视图层由webview渲染,而renderjs运行在视图层,自然可以操作dom和w
阅读全文
摘要:完整示例代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>天地图</title> <!-- 引用cesium的js和css,天地图的扩展js --> <script src="js/cesium1.
阅读全文
摘要:在 Leaflet 中,map panes 隐式地将图层组合在一起,而开发者并不知道这一点。这种分组允许 Web 浏览器以比单独处理图层更有效的方式同时处理多个图层。 Map panes 使用 z-index CSS 属性来让某些图层始终显示在其他图层之上。默认的排序是: TileLayer 和 G
阅读全文
摘要:1、Leaflet-polycolor github地址:https://github.com/Oliv/leaflet-polycolor 插件缺陷:需要把每个折点的颜色都指定才行,一般做不到 2、Leaflet.hotline github下载地址:https://github.com/iosp
阅读全文
摘要:1、Leaflet Ant Path(线条流动效果) 在交通项目、管网应用的项目中,常常需要标注出道路的走向、河流的流向或者管线的流向等等,Leaflet Ant Path能够很好的解决这类问题: github下载地址:https://github.com/rubenspgcavalcante/le
阅读全文