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

相关文章

CSS Padding 和 Margin 区别全解析

《CSSPadding和Margin区别全解析》CSS中的padding和margin是两个非常基础且重要的属性,它们用于控制元素周围的空白区域,本文将详细介绍padding和... 目录css Padding 和 Margin 全解析1. Padding: 内边距2. Margin: 外边距3. Padd

CSS will-change 属性示例详解

《CSSwill-change属性示例详解》will-change是一个CSS属性,用于告诉浏览器某个元素在未来可能会发生哪些变化,本文给大家介绍CSSwill-change属性详解,感... will-change 是一个 css 属性,用于告诉浏览器某个元素在未来可能会发生哪些变化。这可以帮助浏览器优化

CSS去除a标签的下划线的几种方法

《CSS去除a标签的下划线的几种方法》本文给大家分享在CSS中,去除a标签(超链接)的下划线的几种方法,本文给大家介绍的非常详细,感兴趣的朋友一起看看吧... 在 css 中,去除a标签(超链接)的下划线主要有以下几种方法:使用text-decoration属性通用选择器设置:使用a标签选择器,将tex

前端高级CSS用法示例详解

《前端高级CSS用法示例详解》在前端开发中,CSS(层叠样式表)不仅是用来控制网页的外观和布局,更是实现复杂交互和动态效果的关键技术之一,随着前端技术的不断发展,CSS的用法也日益丰富和高级,本文将深... 前端高级css用法在前端开发中,CSS(层叠样式表)不仅是用来控制网页的外观和布局,更是实现复杂交

Python将博客内容html导出为Markdown格式

《Python将博客内容html导出为Markdown格式》Python将博客内容html导出为Markdown格式,通过博客url地址抓取文章,分析并提取出文章标题和内容,将内容构建成html,再转... 目录一、为什么要搞?二、准备如何搞?三、说搞咱就搞!抓取文章提取内容构建html转存markdown

在React中引入Tailwind CSS的完整指南

《在React中引入TailwindCSS的完整指南》在现代前端开发中,使用UI库可以显著提高开发效率,TailwindCSS是一个功能类优先的CSS框架,本文将详细介绍如何在Reac... 目录前言一、Tailwind css 简介二、创建 React 项目使用 Create React App 创建项目

vue使用docxtemplater导出word

《vue使用docxtemplater导出word》docxtemplater是一种邮件合并工具,以编程方式使用并处理条件、循环,并且可以扩展以插入任何内容,下面我们来看看如何使用docxtempl... 目录docxtemplatervue使用docxtemplater导出word安装常用语法 封装导出方

springboot循环依赖问题案例代码及解决办法

《springboot循环依赖问题案例代码及解决办法》在SpringBoot中,如果两个或多个Bean之间存在循环依赖(即BeanA依赖BeanB,而BeanB又依赖BeanA),会导致Spring的... 目录1. 什么是循环依赖?2. 循环依赖的场景案例3. 解决循环依赖的常见方法方法 1:使用 @La

使用Python实现快速搭建本地HTTP服务器

《使用Python实现快速搭建本地HTTP服务器》:本文主要介绍如何使用Python快速搭建本地HTTP服务器,轻松实现一键HTTP文件共享,同时结合二维码技术,让访问更简单,感兴趣的小伙伴可以了... 目录1. 概述2. 快速搭建 HTTP 文件共享服务2.1 核心思路2.2 代码实现2.3 代码解读3.

使用C#代码在PDF文档中添加、删除和替换图片

《使用C#代码在PDF文档中添加、删除和替换图片》在当今数字化文档处理场景中,动态操作PDF文档中的图像已成为企业级应用开发的核心需求之一,本文将介绍如何在.NET平台使用C#代码在PDF文档中添加、... 目录引言用C#添加图片到PDF文档用C#删除PDF文档中的图片用C#替换PDF文档中的图片引言在当