GIS前端编程—视频展示

news2024/12/23 4:44:20

GIS前端编程—视频展示

    • 视频展示
    • 1. 互联网公共地图服务开放平台
    • 2. 开源GIS服务平台

得益于互联网的快速发展,WebGIS发展迅猛,其开发工具与开发平台也呈现出百花齐放之势。目前,涌现出了大量的WebGIS二次开发产品。在互联网方向上,有诸如百度地图API、天地图API、高德地图API、腾讯地图API、Google地图API等产品;在行业应用方向上,既有很多诸如GeoServer的开源WebGIS平台,还有像中地数码、超图、ESRI等GIS厂商提供的专业WebGIS开发平台,如MapGIS IGServer、ArcGIS for Server等。

WebGIS应用中,有时会借助

视频展示

地物的信息,这样会更加便捷、高效。例如,在某景点位置添加一个图片标注,当单击该图片标注时播放景点的宣传视频,增强用户体验。
Leaflet提供了L.VideoOverlay对象,供用户在地图上叠加视频进行展示,其构造方法为:

在这里插入图片描述
video用于设置视频文件地址,bounds用于设置视频添加的位置范围,options用于设置视频图层的一些参数。
本实例以天地图地图作为底图,在地图上添加一个自定义视频播放图标的标注。当单击该标注时,添加视频图层并播放视频;再次单击该标注时,移除视频图层。主要实现步骤如下。
(1)在中通过onload事件加载初始化函数,并创建一个div作为地图容器。
(2)在初始化函数中,创建一个Map对象,设置显示中心、当前显示级数等参数。
(3)通过L.TileLayer加载一幅天地图地图进行显示。
(4)利用L.Marker和L.Icon添加一个自定义视频播放图标的标注。
(5)监听自定义视频播放图标的标注单击事件,当单击该标注时添加L.VideoOVideoOverlay进行视频展示。
代码如下:
在这里插入图片描述
空间数据是GIS的核心,能够直接或间接提供空间数据服务的GIS服务平台是发布地理信息服务的关键。目前,互联网企业纷纷进入电子地图领域,如国内的百度地图开放平台、高德开放平台、天地图-国家地理信息公共服务平台等。借助这些极具影响力的平台产品,GISer社区活跃起来,同时公众对GIS的认知也越来越多,GIS成为当前IT界的一个焦点。与此同时,开源社区也不断涌现出各类GIS项目,其中不乏一些优秀的开源GIS服务平台,如GeoServer、MapServer等。

1. 互联网公共地图服务开放平台

各个互联网公共地图服务开放平台的模式大同小异,一般提供电子地图服务与个性化的应用服务(POI、定位、导航、出行等)API,以及各端开发的SDK,如百度地图、高德地图等。天地图作为国家地理信息公共服务平台,提供了丰富的服务资源(数据服务资源、应用服务资源),各大服务机构(政府部门、企事业单位等)可以不断更新GIS服务,同时也提供Web端与移动端开发的SDK。
此类互联网公共地图服务开放平台获得了广大GISer的认可,成为轻量级GIS应用开发的利器,为GIS开发生态环境添砖加瓦,具有重要的作用与意义。
在这里插入图片描述
国外的OpenStreetMap为GIS应用提供了在线地图服务。OpenStreetMap是开放数据,由OpenStreetMap基金会(OSMF)采用开放数据库许可协议授权。只要用户表明来源为OpenStreetMap及其贡献者,就可以自由地复制、分发、传送其数据。

2. 开源GIS服务平台

与互联网公共地图服务开放平台不同,开源GIS服务平台最大的特点就是GIS服务的发布与管理。作为GIS服务器,支持用户定制自己专属的GIS服务,更为灵活,可以满足更多的应用场景需求。
(1)GeoServer。GeoServer是一个功能齐全,遵循OGC服务规范的开源GIS服务平台。GeoServer是OpenGIS Web服务规范的J2EE实现,用户利用GeoServer可以更加方便地发布地图数据,允许对数据进行更新、删除、插入等操作,还可以通过GeoServer迅速地共享地理空间信息。GeoServer是社区开源项目,用户可以直接通过社区网站(如中文社区网站http://www.opengeo.cn/)下载相关资料。
GeoServer支持OGC服务规范的系列服务,支持PostgreSQL、MySQL等数据库及ArcSDE、Shapefile等中间件和文件资源,能够将网络地图输出为JPEG、PNG、KML等多种图片格式和数据格式,可以运行在任何基于J2EE的容器,支持多种WebGIS前端框架,如OpenLayers等

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1012092.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【Springboot】整合kafka

目录 安装zookeeperjdk安装zookeeper安装 安装kafka(非集群)springboot项目整合配置 安装zookeeper jdk安装 环境准备:CentOS7,jdk1.8 步骤如下: 下载自己需要的版本 这里使用的jdk1.8,获取链接如下 链接…

Maxwell 概述、安装、数据同步【一篇搞定】!

文章目录 什么是 Maxwell?Maxwell 输出格式Maxwell 工作原理Maxwell 安装Maxwell 历史数据同步Maxwell 增量数据同步 什么是 Maxwell? Maxwell 在大数据领域通常指的是一个用于数据同步和数据捕获的开源工具,由美国 Zendesk 开源&#xff0c…

千巡翼X1协调转弯功能

近年来,随着技术的飞速发展,无人机航测已成为现代测绘领域的一项重要应用。 无人机的出现极大地提高了航测的效率和精度,极大地减少了人力资源的投入。通过搭载各种高精度的航测仪器和传感器,无人机可以在短时间内完成大面积的航…

使用vscode以16进制方式查看bin文件内容

简介 方便对bin文件内容进行分析。 使用 VSCODE:插件下载 Hex Editor,下载完后使用vscode打开bin文件。 使用快捷键CtrlShiftP, 并在上方命令框输入>hex 选择 结果如下

微信小程序隐私授权

微信开发者平台新公告:2023年9月15之后,隐私协议将被启用,所以以后的小程序都要加上隐私协议的内容提示用户, 首先设置好隐私协议的内容,登录小程序的开发者后台,在设置--》服务内容声明--》用户隐私保护指…

前端JavaScript入门到精通,javascript核心进阶ES6语法、API、js高级等基础知识和实战 —— JS基础(一)

ﻌﻌﻌﻌ♡‎ﻌﻌﻌﻌ♡‎‎ﻌﻌﻌﻌ♡‎ﻌﻌﻌﻌ♡ﻌﻌﻌﻌ…

OPC HDA扫盲

目录 1 基本概念 1.1 历史数据服务器类型 1.2 数据源 1.3 对象和接口概述 1.4 所需接口定义 1.5 可选接口定义 1.6 定义 1.7 边界值和时域 2 HDA聚合 2.1 生成间隔 2.2 数据类型 2.3 数据质量 3 聚合示例 3.1 示例数据 3.2 内插(INTERPOLATIVE&#x…

构造与析构

在类的声明中,构造函数和析构函数是一类特殊的函数:由系统自动执行,在程序中不可显示地调用它们。 构造函数 作用:建立对象时对对象的数据成员进行初始化 特点: 构造函数是与类同名的特殊成员函数,没有…

Xamarin.Android实现App内版本更新

目录 1、具体的效果2、代码实现2.1 基本原理2.2 开发环境2.3 具体代码2.3.1 基本设置2.3.2 系统的权限授予2.3.3 进度条的layout文件2.3.4 核心的升级文件 3、代码下载4、知识点5、参考文献 1、具体的效果 有事需要在程序内集成自动更新的功能,网上找了下&#xff…

【ARM AMBA AXI 入门 11 - AXI 总线 AWCACHE 和 ARCACHE 介绍】

文章目录 1.1 AXI 传输事务属性1.1.1 slave type1.1.2 系统级缓存 1.2 Memory Attributes1.2.1 Bufferable,AxCACHE[0]1.2.2 Modifiable, AxCACHE[1]1.2.3 cache-allocate 1.3 Memory types 转自:https://zhuanlan.zhihu.com/p/148813963 如有侵权请联系…

学习记忆——英语篇

文章目录 英语字母形象起源右脑记忆单词的原则四大步骤第一步:摄取信息第二步:处理信息第三步:储存信息第四步:提取信息 训练例子字母形象训练 右脑记忆单词5大方法字源法编码法字母编码法字母组合编码法 拼音法全拼法拼音组合 熟…

前K个高频单词-c++实现

692. 前K个高频单词 - 力扣(LeetCode) 给定一个单词列表 words 和一个整数 k ,返回前 k 个出现次数最多的单词。 返回的答案应该按单词出现频率由高到低排序。如果不同的单词有相同出现频率, 按字典顺序 排序。 示例 1&#xff…

关于Linux服务器.sh文件启动问题

问题描述 在linux服务器上使用文本编辑(并非vim操作)对.sh脚本文件进行修改后无法启动,显示’\r’识别错误等。 错误如下: 错误原因 因为.sh文件在经过这种编辑后格式产生了错误,由unix转为了doc格式,需…

Ae 效果:CC Particle Systems II

模拟/CC Particle Systems II Simulation/CC Particle Systems II CC Particle Systems II(CC 粒子系统 II)可用于生成和模拟各种类型的粒子系统,包括火焰、雨、雪、爆炸、烟雾等等。 与 CC Particle World 效果相比有许多类似的属性。最大的…

华为云云耀云服务器L实例评测|部署功能强大的监控和可视化工具Grafana

应用场景 Grafana介绍 Grafana是一个功能强大的监控和可视化工具,适用于各种行业和应用场景,如IT运维监控、网络监控、能源管理、金融市场分析等。它提供了灵活的数据源支持、强大的可视化功能和告警机制,以及注释和过滤功能,使…

阿里云服务器全方位介绍_优势_使用场景_限制说明

阿里云服务器是什么?云服务器ECS是一种安全可靠、弹性可伸缩的云计算服务,云服务器可以降低IT成本提升运维效率,免去企业或个人前期采购IT硬件的成本,阿里云服务器让用户像使用水、电、天然气等公共资源一样便捷、高效地使用服务器…

使用cpolar配合Plex打造个人媒体站,畅享私人影音娱乐空间

文章目录 1.前言2. Plex网站搭建2.1 Plex下载和安装2.2 Plex网页测试2.3 cpolar的安装和注册 3. 本地网页发布3.1 Cpolar云端设置3.2 Cpolar本地设置 4. 公网访问测试5. 结语 1.前言 用手机或者平板电脑看视频,已经算是生活中稀松平常的场景了,特别是各…

langchain+GPT+neo4j 图数据库

neo4j版本是5.11.0,langchain的版本 0.0.288下载apoc插件 https://neo4j.com/docs/apoc/current/installation/ neo4j.conf文件把apoc.*添加到dbms.security.procedures.unrestricted配置项 使用return apoc.version()来查看是否安装成功 pip install neo4j图 参考官网&…

以太网的简单概念、MAC地址与IP地址的关系

以太网 DIX Ethernet V2标准的局域网------以太网。 IEEE 802.3标准和DIX Ethernet V2标准很相似,只有些许区别,不严格的来说,802.3局域网也叫做以太网。以太网是一个局域网,信息以广播的形式发送。 IEEE 802标准定义的局域网参…

哈工大校园网显示IP地址错误连接不上

您当前获取到的IP地址有误,请重新开关无线获取IP地址(注:电脑端还可以通过cmd窗口,输入ipconfig /release、ipconfig /renew命令)。如未解决此问题请联系网络安全和信息化办公室处理。 当校园网登录时会出现如上情况,并且当你按照他的方法尝试…