SuperMap iPortal 中地图大屏九寨沟模板制作过程

2024-02-25 08:38

本文主要是介绍SuperMap iPortal 中地图大屏九寨沟模板制作过程,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

xkf

前言

SuperMap iPortal(下面简称为iPortal)10.2版本地图大屏中有一个九寨沟的模板,看起来比较简单,高亮要素缩放地图然后展示内容就完成了,但是还是有很多小伙伴不明白这个是怎么做出来的,不过没关系,今天就手把手教你怎样制作。

准备数据

在做这个模板之前,我们需要准备好两个数据:

  1. 第一个就是一个地图,需要在数据上图中作为底图使用。这里我是用的SuperMap iPortal数据上图自带的中国暗色地图,你们根据自身使用情况更改地图。中国暗色地图如下图:
    在这里插入图片描述

  2. 第二是需要一个geojson的点数据,这个点数据我这边是选择在SuperMap iDesktop制作的,其中主要的内容有城市名称(cityname),图片路径(imageUrl),城市描述(description),三个属性,做好后在SuperMap iDesktop选中该数据集->鼠标右键->导出数据集选择转出类型为GeoJson文件(注意: 这时导出的结果数据后缀为.json,在iPortal数据上图中是加载不了的,可以直接更改后缀为.geojson)。桌面属性表样式和geojson的数据格式分别如下图:
    桌面属性表样式
    geojson格式

制作大屏

1. 数据上图中制作地图

数据准备好之后我们就可以开始大屏的制作了。在iPortal中打开数据上图,我这边是用的默认的底图,如果你们是用自己的地图做底图需要在管理界面里面更换下数据上图的底图。点击添加图层->通过文件添加-> 上传文件,选中之前的geojson的文件,确定后点击左下角的保存,将该地图保存为test。数据上图中添加数据后样子如下图:
在这里插入图片描述

2.地图大屏中配置组件

保存地图后打开地图大屏,选择新建空白大屏,然后在左侧导航栏-> 组件->地图中将地图组件拖拽到大屏中,并选择加载之前保存的地图。然后依次王大屏中拖入幻灯片组件,两个文本组件和一个视频组件。最后结果如下图:
在这里插入图片描述

3.设置交互事件

页面布局基本就完成了,现在剩下的就是需要让几个组件关联起来了,也就是给组件设置交互事件。
交互事件如下图:
在这里插入图片描述
到现在,基本模板就制作完了,当然还有一些样式上的东西需要设置,例如背景图片什么的,这些都是很简单的,自己看着设置下就行。

这篇关于SuperMap iPortal 中地图大屏九寨沟模板制作过程的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

pytest+allure环境搭建+自动化实践过程

《pytest+allure环境搭建+自动化实践过程》:本文主要介绍pytest+allure环境搭建+自动化实践过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录一、pytest下载安装1.1、安装pytest1.2、检测是否安装成功二、allure下载安装2.

Pytorch介绍与安装过程

《Pytorch介绍与安装过程》PyTorch因其直观的设计、卓越的灵活性以及强大的动态计算图功能,迅速在学术界和工业界获得了广泛认可,成为当前深度学习研究和开发的主流工具之一,本文给大家介绍Pyto... 目录1、Pytorch介绍1.1、核心理念1.2、核心组件与功能1.3、适用场景与优势总结1.4、优

Redis指南及6.2.x版本安装过程

《Redis指南及6.2.x版本安装过程》Redis是完全开源免费的,遵守BSD协议,是一个高性能(NOSQL)的key-value数据库,Redis是一个开源的使用ANSIC语言编写、支持网络、... 目录概述Redis特点Redis应用场景缓存缓存分布式会话分布式锁社交网络最新列表Redis各版本介绍旧

SpringBoot整合Sa-Token实现RBAC权限模型的过程解析

《SpringBoot整合Sa-Token实现RBAC权限模型的过程解析》:本文主要介绍SpringBoot整合Sa-Token实现RBAC权限模型的过程解析,本文给大家介绍的非常详细,对大家的学... 目录前言一、基础概念1.1 RBAC模型核心概念1.2 Sa-Token核心功能1.3 环境准备二、表结

Jvm sandbox mock机制的实践过程

《Jvmsandboxmock机制的实践过程》:本文主要介绍Jvmsandboxmock机制的实践过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、背景二、定义一个损坏的钟1、 Springboot工程中创建一个Clock类2、 添加一个Controller

python多线程并发测试过程

《python多线程并发测试过程》:本文主要介绍python多线程并发测试过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、并发与并行?二、同步与异步的概念?三、线程与进程的区别?需求1:多线程执行不同任务需求2:多线程执行相同任务总结一、并发与并行?1、

MybatisPlus3.3.1整合clickhouse的过程

《MybatisPlus3.3.1整合clickhouse的过程》:本文主要介绍MybatisPlus3.3.1整合clickhouse的过程,本文给大家介绍的非常详细,对大家的学习或工作具有一定... 前言ClickHouse是俄罗斯Yandex发布的一款数据分析型数据库支持sql语法,详情可以访问官网,

Spring AI 实现 STDIO和SSE MCP Server的过程详解

《SpringAI实现STDIO和SSEMCPServer的过程详解》STDIO方式是基于进程间通信,MCPClient和MCPServer运行在同一主机,主要用于本地集成、命令行工具等场景... 目录Spring AI 实现 STDIO和SSE MCP Server1.新建Spring Boot项目2.a

Java如何根据word模板导出数据

《Java如何根据word模板导出数据》这篇文章主要为大家详细介绍了Java如何实现根据word模板导出数据,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... pom.XML文件导入依赖 <dependency> <groupId>cn.afterturn</groupId>

使用Java将实体类转换为JSON并输出到控制台的完整过程

《使用Java将实体类转换为JSON并输出到控制台的完整过程》在软件开发的过程中,Java是一种广泛使用的编程语言,而在众多应用中,数据的传输和存储经常需要使用JSON格式,用Java将实体类转换为J... 在软件开发的过程中,Java是一种广泛使用的编程语言,而在众多应用中,数据的传输和存储经常需要使用j