MapGIS 10.6 Pro前端开发低代码,快速构建WebGIS应用

本文主要是介绍MapGIS 10.6 Pro前端开发低代码,快速构建WebGIS应用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

随着实景三维、CIM、数字孪生等的快速发展,相关应用开发需求的市场增长对企业IT交付能力的要求越来越高,为了确保质量并实现提效降本,并让专业开发者更加专注于更具有价值和创新型的工作,低代码开发技术成为大家的优先选择。

为了能进一步降低开发门槛,满足Web三维、数字孪生低代码开发的应用需求,MapGIS 10.6 Pro前端开发升级,重点提升前端开发框架的组件、微件、微应用扩展能力,支撑低代码快速构建GIS应用。

图 1 MapGIS 10.6 Pro全栈开发体系

图 2 Web前端开发框架

01 MapGIS Client for JavaScript组件开发升级

MapGIS 10.6 Pro全面升级MapGIS Client for JavaScript开发框架,实现应用端在不同引擎间快速迁移,提升应用转化效率。

MapGIS Client for JavaScript提供了6大类约300+原子组件,丰富的功能效果,支撑前端应用开发。

图 3 开箱即用的组件资源

图 4 部分组件功能效果

02 MapGIS 全空间一张图开发升级

MapGIS 10.6 Pro提升全空间一张图开发框架,提供丰富的组件微件资源及行业主题模板,快速构建一张图及行业应用。

MapGIS全空间一张图是MapGIS平台特有的云应用产品和开发框架,它是以全空间信息模型为基础,能够实现空中、地表、地上以及地下数据的二三维一体化管理、综合展示以及专业分析和应用扩展的产品,能够为全行业一张图开发提供支撑框架。MapGIS 10.6 Pro重点优化基于一张图的微件开发流程,新增微应用开发模式,持续丰富微件资源。

图 5 全空间一张图开发能力升级

MapGIS全空间一张图内置了8大类100多种微件功能。包括通用的数据目录管理、可视化查询展示、基础数据分析微件,以及丰富的行业应用微件,例如满足CIM平台应用开发需求的规划分析、BIM构建树、分层分户、城市生长、仿真模拟等多种微件。

图 6丰富的微件资源

图 7 微件效果

MapGIS全空间一张图基于qiankun微前端框架,支持微应用扩展,提供多种微应用扩展模板,开发人员只需基于模板编写业务代码,并按规范引入所需数据和微件,即可快速组装成满足自身业务需求的微应用。

图 8 微应用扩展流程

MapGIS 10.6 Pro通过司马云提供完整的二次开发配套资料,丰富的开发资源,包括开发指南、开发示例,API文档,视频教程等,方便开发者快速体验,快速入门。

图 9 二次开发配套资源

MapGIS 10.6 Pro全栈开发产品已经在实景三维、CIM平台、数字孪生、自然资源、智慧城市、智慧地质、智慧农业、水利、交通、石油等行业得到广泛应用,全面赋能空间信息数字经济创新应用研发。

这篇关于MapGIS 10.6 Pro前端开发低代码,快速构建WebGIS应用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/732496

相关文章

Java中有什么工具可以进行代码反编译详解

《Java中有什么工具可以进行代码反编译详解》:本文主要介绍Java中有什么工具可以进行代码反编译的相关资,料,包括JD-GUI、CFR、Procyon、Fernflower、Javap、Byte... 目录1.JD-GUI2.CFR3.Procyon Decompiler4.Fernflower5.Jav

SpringBoot快速接入OpenAI大模型的方法(JDK8)

《SpringBoot快速接入OpenAI大模型的方法(JDK8)》本文介绍了如何使用AI4J快速接入OpenAI大模型,并展示了如何实现流式与非流式的输出,以及对函数调用的使用,AI4J支持JDK8... 目录使用AI4J快速接入OpenAI大模型介绍AI4J-github快速使用创建SpringBoot

Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

《Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)》文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一... 目录一、首先 npm 安装插件二、创建一个vue组件三、业务页面内 引用自定义组件:四、dhtmlx

javaScript在表单提交时获取表单数据的示例代码

《javaScript在表单提交时获取表单数据的示例代码》本文介绍了五种在JavaScript中获取表单数据的方法:使用FormData对象、手动提取表单数据、使用querySelector获取单个字... 方法 1:使用 FormData 对象FormData 是一个方便的内置对象,用于获取表单中的键值

Vue ElementUI中Upload组件批量上传的实现代码

《VueElementUI中Upload组件批量上传的实现代码》ElementUI中Upload组件批量上传通过获取upload组件的DOM、文件、上传地址和数据,封装uploadFiles方法,使... ElementUI中Upload组件如何批量上传首先就是upload组件 <el-upl

前端知识点之Javascript选择输入框confirm用法

《前端知识点之Javascript选择输入框confirm用法》:本文主要介绍JavaScript中的confirm方法的基本用法、功能特点、注意事项及常见用途,文中通过代码介绍的非常详细,对大家... 目录1. 基本用法2. 功能特点①阻塞行为:confirm 对话框会阻塞脚本的执行,直到用户作出选择。②

如何使用CSS3实现波浪式图片墙

《如何使用CSS3实现波浪式图片墙》:本文主要介绍了如何使用CSS3的transform属性和动画技巧实现波浪式图片墙,通过设置图片的垂直偏移量,并使用动画使其周期性地改变位置,可以创建出动态且具有波浪效果的图片墙,同时,还强调了响应式设计的重要性,以确保图片墙在不同设备上都能良好显示,详细内容请阅读本文,希望能对你有所帮助...

CSS3 最强二维布局系统之Grid 网格布局

《CSS3最强二维布局系统之Grid网格布局》CS3的Grid网格布局是目前最强的二维布局系统,可以同时对列和行进行处理,将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局,本文介... 深入学习 css3 目前最强大的布局系统 Grid 网格布局Grid 网格布局的基本认识Grid 网

HTML5中下拉框<select>标签的属性和样式详解

《HTML5中下拉框<select>标签的属性和样式详解》在HTML5中,下拉框(select标签)作为表单的重要组成部分,为用户提供了一个从预定义选项中选择值的方式,本文将深入探讨select标签的... 在html5中,下拉框(<select>标签)作为表单的重要组成部分,为用户提供了一个从预定义选项中

前端 CSS 动态设置样式::class、:style 等技巧(推荐)

《前端CSS动态设置样式::class、:style等技巧(推荐)》:本文主要介绍了Vue.js中动态绑定类名和内联样式的两种方法:对象语法和数组语法,通过对象语法,可以根据条件动态切换类名或样式;通过数组语法,可以同时绑定多个类名或样式,此外,还可以结合计算属性来生成复杂的类名或样式对象,详细内容请阅读本文,希望能对你有所帮助...