Recently Updated Pages
面
最后,我们再看下矢量面数据的渲染。 区域填色 在我们拿到中国各省的面数据后,按照图层=数据+样式的思路,给多边形填色(这里是随机色) getJSON("public/demos/data/pro...
线
接下来我们使用LGeoJSONLayer看看线条的渲染。 绘制国界线 同样的,我们按照图层=数据+样式的思路,将线数据绘制到地图上。 创建数据解析器 线条的数据类型有多种,对于常见的shp格式的...
散点图
GeoJSONLayer是用来渲染点、线、面矢量数据的,我们先从点开始!气象中点数据的可视化最常见的应用就是站点填值。 在不同的底层显示引擎下的类名有所区别,Leaflet中为LGeoJSONL...
渲染格点数据
本示例的最终完成效果 示例说明 以下代码以二维讲解,三维几乎一致,可以参考最后的完整代码。 将script标签引入,并创建基础地图 <!DOCTYPE html> <html> <head>...
渲染点线面
如果是开发完整项目,强烈建议您使用Webpack结合TypeScript进行开发。 本小节的最终演示效果 关于示例代码 以下代码以二维做讲解,三维思路和用法几乎一致。 添加一个基础在线地...
在Vue中使用(内含实战)
使用前提 如果您还没有Vue的使用经验,您需要先学习Vue的使用: https://v3.cn.vuejs.org/ 使用Vue加载地图 首先在html中引入Vue开发包(正式使用建议使用imp...
在React中使用(内含实战)
React是一个优秀的前端开发框架,即使您只是开发一些简单的个人页面,也非常推荐您使用React进行开发,在QuickEarth项目中启用TypeScript与普通项目无异,如果您还没有使用经验...
原生JS环境
QuickEarth提供了原生JS开发的支持,通过script标签引入即可使用 如果是开发完整项目,强烈建议您使用Webpack结合TypeScript进行开发。 下载或者使用在线UMD包 ...
用户操作注意事项
操作注意事项 正常情况下,数据库没第一次初始化会创建默认的角色,如果角色缺少,则需要后台手动创建 第一个用户需要使用不带app的管理员账号创建,创建后在后台手动添加app字段 使用新创建的管理...
其他配置
系统管理中还有一个SystemConfigStore,用来设置系统管理的一些全局配置。 import { systemStore, systemStoreNames, SystemConfigS...
部门管理
部门管理中功能有:部门的新增,删除,修改以及设置部门关联角色,编辑用户的角色。 tsx文件 import { systemStore, systemStoreNames, Department ...
QuickEarth简介
QuickEarth(以下简称QE)是一个二三维一体化的Web端矢量和栅格数据渲染引擎,适用于气象、海洋、水文、环境等领域的数据可视化。目前二维版本面向个人免费开放。如需要商用或者需要三维版本,...
Git 分支使用规范
1. 分支类型 开发分支:命名规范如下: 简单项目:"开发人员姓名首字母", 如"lcf", 重名时可用全称 复杂多模块项目:"模块名称_开发人员姓名首字母", 如"system_lcf" ...
Git commit 规范
格式:<type>(<scope>): <subject> 举例:feat(user): 新增用户管理 type说明:必须,√为常用 feat:√ 新功能,新需求,新模块 fix:√ bug修...
使用webpack脚手架快速开始
使用建议 虽然原生JS开发上手很容易,使用起来也较为方便,但是并不适用于较为复杂的项目开发,正式项目开发建议使用webpack或者类似的打包工具。 如果您是刚开始一个新的项目,建议您直接使用我们...
基本使用
用法示例 //二维 const layer=new LGeoJSONLayer().setDataSource(provider).setDrawOptions(style); layer.ad...
地图工具
QE中对地图工具进行了抽象,其接口是IMapTool,并且在LMap中添加了地图工具的管理服务map.toolService,通过该服务可以设置当前激活的地图工具。 绘制工具 QE中内置了地图绘...
在现有webpack项目中引入QE
QuickEarth与普通的第三发依赖包的使用方式类似,但是由于目前还没有发布到npm,因此需要手动进行引入。QE在webpack中dev模式启动的根目录建议设置为.而不是dist,这样就不用...
分级规则-stops
分级规则也称分段规则,是对数据进行分段处理来返回不同值的一种设置方式。常应用于图例设置。 分级规则是什么 我们先看下分级规则是长什么样的? { "stops": [ { ...
加载器-loader
加载器,也称loader,框架中默认使用 # + 内置loader名称 的表现形式,如#res,#degree2arc等等。用在样式配置中,这样通过样式文件来配置的时候也可以调用函数。 #res...