IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发测试 -> SuperMap iPortal 中地图大屏九寨沟模板制作过程 -> 正文阅读

[开发测试]SuperMap iPortal 中地图大屏九寨沟模板制作过程

前言

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.设置交互事件

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

  开发测试 最新文章
pytest系列——allure之生成测试报告(Wind
某大厂软件测试岗一面笔试题+二面问答题面试
iperf 学习笔记
关于Python中使用selenium八大定位方法
【软件测试】为什么提升不了?8年测试总结再
软件测试复习
PHP笔记-Smarty模板引擎的使用
C++Test使用入门
【Java】单元测试
Net core 3.x 获取客户端地址
上一篇文章      下一篇文章      查看所有文章
加:2021-12-24 18:47:11  更:2021-12-24 18:49:25 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/18 4:41:57-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码