CN111723170B - 一种基于CesiumJS的移动端离线三维GIS应用实现方法和系统 - Google Patents
一种基于CesiumJS的移动端离线三维GIS应用实现方法和系统 Download PDFInfo
- Publication number
- CN111723170B CN111723170B CN202010375774.8A CN202010375774A CN111723170B CN 111723170 B CN111723170 B CN 111723170B CN 202010375774 A CN202010375774 A CN 202010375774A CN 111723170 B CN111723170 B CN 111723170B
- Authority
- CN
- China
- Prior art keywords
- map
- cesiumjs
- mobile terminal
- offline
- app
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/29—Geographical information databases
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T17/00—Three dimensional [3D] modelling, e.g. data description of 3D objects
- G06T17/05—Geographic models
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Remote Sensing (AREA)
- Geometry (AREA)
- Data Mining & Analysis (AREA)
- Computer Graphics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种基于CesiumJS的移动端离线三维GIS应用实现方法和系统,其通过采用Hybrid App开发框架,并在移动端App内嵌轻量级Web容器,实现了CesiumJS的离线应用,所述方法包括以下步骤:S1:处理、拷贝地图数据到SD卡根目录下;S2:在移动端App内嵌轻量级Web容器AndServer;S3:实现地图数据的Web请求;S4:集成Hybrid App开发框架;S5:定制CesiumJS网页应用;S6:调试、运行地图应用App。通过上述方式,本发明能够在移动终端设备完全离线环境下,实现基于CesiumJS的移动端三维GIS应用,地图数据和业务数据均可在js里通过web进行请求,无需修改CesiumJS底层代码。
Description
技术领域
本发明涉及Android、Hybrid App和地理信息系统等领域,特别是涉及CesiumJS开源GIS框架在移动端的应用方法和系统。
背景技术
CesiumJS是一个用于创建具有最佳性能、精度、视觉质量和易用性的世界级三维地球和地图应用的开源JavaScript库,各个行业的开发人员,从航空航天到智能城市再到无人驾驶飞机,都使用CesiumJS创建用于共享动态地理空间数据的交互式web应用程序。CesiumJS使用WebGL来进行硬件加速图形化,能够跨平台、跨浏览器运行,可在PC端和移动端浏览器环境里运行,无需安装任何插件。但是,因为CesiumJS是基于浏览器环境的web应用,其调用的所有地图数据都是基于web请求的,不能直接读取本地磁盘上的数据,所以,如果要在移动端实现在完全离线环境下的CesiumJS地图应用,不借助其他技术框架是无法实现的。
发明内容
本发明主要解决的技术问题是提供一种基于CesiumJS的移动端离线三维GIS应用实现方法和系统,能够为从事移动端离线GIS应用的开发人员提供一种快速、高效、廉价的技术开发框架。
为解决上述技术问题,本发明采用的一个技术方案是:提供一种基于CesiumJS的移动端离线三维GIS应用实现方法和系统。包括以下步骤。
S1:处理、拷贝地图数据到SD卡根目录下。
S2:在移动端App内嵌轻量级Web容器AndServer。
S3:实现地图数据的Web请求。
S4:集成Hybrid App开发框架。
S5:定制CesiumJS网页应用。
S6:调试、运行地图应用App。
本发明的有益效果是:本发明公开了一种基于CesiumJS的移动端离线三维GIS应用实现方法和系统,其通过采用Hybrid App开发框架,并在移动端App内嵌轻量级Web容器,实现了CesiumJS的离线应用,且无需修改CesiumJS底层代码,维持web请求方式,与PC端基于浏览器的CesiumJS应用代码保持一致,提供了一种快速、高效、廉价的技术开发框架。
附图说明
图1是示意图。
图2是数据目录层次结构图。
图3是整体流程图。
图4是S3的子流程图。
图5是S5的子流程图。
具体实施方式
下面结合附图对本发明的较佳实施例进行详细阐述,以使本发明的优点和特征能更易于被本领域技术人员理解,从而对本发明的保护范围做出更为清楚明确的界定。
如图1、图3、图4和图5所示,本发明实施例提供一种基于CesiumJS的移动端离线三维GIS应用实现方法,所述基于CesiumJS的移动端离线三维GIS应用实现方法包括如下步骤。
S1:处理、拷贝地图数据到SD卡根目录下。按CesiumJS的格式要求,将标准地图、遥感影像、建筑白膜、实景模型和地形高程等地图数据进行处理转换和切片打包,并拷贝到图2所示SD卡相应目录下,其中“google_map”子文件夹下存放谷歌标准地图离线瓦片,“google_satellite”子文件夹下存放谷歌卫星影像离线瓦片,“tiles_building”子文件夹下存放建筑白膜或实景模型cesium 3dtiles瓦片,“tiles_terrain”子文件夹下存放cesium terrain地形瓦片数据,“data”目录下存放业务sqlite数据库文件。
S2:在移动端App内嵌轻量级Web容器AndServer。通过整合Github开源框架com.yanzhenjie.andserver,实现内嵌轻量级Web容器AndServer,并随App以服务的方式自动启动运行,服务名称为AndServerService。
S3:实现地图数据的Web请求,包括如下子步骤。
S31:通过调用com.yanzhenjie.andserver.framework.website.StorageWebsite,实现S1步骤中所述地图数据的发布,包括标准地图离线瓦片,卫星影像离线瓦片,建筑白膜或实景模型cesium 3dtiles瓦片,以及cesium terrain地形瓦片数据。
S32:通过调用com.yanzhenjie.andserver.framework.website.AssetsWebsite,实现Android assets目录里静态资源的发布,包括js、css、html、json、png、jpg、gif等静态资源文件。
S33:通过调用com.yanzhenjie.andserver.annotation.RestController注解框架,实现业务数据查询的rest服务,包括地名、建筑、道路等地理要素的搜索服务,数据以sqlite文件的方式存储在上述S1所述“data”目录下。
S34:通过调用com.yanzhenjie.andserver.annotation.Controller,实现html静态页面的发布、跳转。
S4:集成Hybrid App开发框架。通过内嵌腾讯X5内核浏览器,即com.tencent.smtt.sdk.WebView,实现Hybrid App开发框架。
S5:定制CesiumJS网页应用,包括如下子步骤。
S51:实现二三维可视化地图视图。定义一个地图容器div,然后调用CesiumJS已有方法进行地图初始化。
S52:实现地图类型切换功能。通过调用上述S31步骤中的地图服务URL地址,实现遥感影像和标准地图的加载、切换;通过调用CesiumJS的已有方法,实现三维视图和二维视图的切换。
S53:实现数据图层管理功能。包括医院、学校、宾馆和建筑白膜等图层,通过调用上述S33步骤中的rest服务获取图层数据,然后调用CesiumJS的已有方法加载到地图视图。
S54:实现空间量算功能。包括坐标查询、距离量算、面积量算和角度量算4个功能,通过扩展CesiumJS实现,并将量算结果调用上述S33步骤中的rest服务进行保存。
S55:实现地图标绘功能。包括图标、折线、多边形、圆形、矩形、缓冲区、直线箭头、攻击箭头和钳击箭头9个功能,通过扩展CesiumJS实现,并将标绘结果调用上述S33步骤中的rest服务进行保存。
S56:实现查询定位功能。包括地名、建筑和道路的检索、定位,通过调用上述S33步骤中的rest服务获取查询结果,然后调用CesiumJS的已有方法进行定位。
S6:调试、运行地图应用App。安装Apk,关闭移动数据和wifi无线网络,打开App,首次运行如果有获取GPS和外部存储读写权限申请提示,请允许,然后即可正常使用系统。
以上所述仅为本发明的实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (6)
1.一种基于CesiumJS的移动端离线三维GIS应用实现方法,其特征在于,所述基于CesiumJS的移动端离线三维GIS应用实现方法包括如下步骤:
S1:处理、拷贝地图数据到SD卡根目录下,其中,
SD卡根目录下存放地图数据的文件夹名称为“AndServer”,其中“google_map”子文件夹下存放谷歌标准地图离线瓦片,“google_satellite”子文件夹下存放谷歌卫星影像离线瓦片,“tiles_building”子文件夹下存放建筑白膜或实景模型cesium 3dtiles瓦片,“tiles_terrain”子文件夹下存放cesium terrain地形瓦片数据;
S2:在移动端App内嵌轻量级Web容器AndServer,其中,
通过整合Github开源框架com.yanzhenjie.andserver,实现内嵌轻量级Web容器AndServer,并随App以服务的方式自动启动运行,服务名称为AndServerService;
S3:实现地图数据的Web请求,包括以下子步骤:
S31:通过调用com.yanzhenjie.andserver.framework.website.StorageWebsite,实现S1步骤中所述地图数据的发布,包括标准地图离线瓦片,卫星影像离线瓦片,建筑白膜或实景模型cesium 3dtiles瓦片,以及cesium terrain地形瓦片数据;
S32:通过调用com.yanzhenjie.andserver.framework.website.AssetsWebsite,实现Android assets目录里静态资源的发布,包括js、css、html、json、png、jpg、gif静态资源文件;
S33:通过调用com.yanzhenjie.andserver.annotation.RestController注解框架,实现数据查询rest服务,包括地名、建筑、道路地理要素的搜索服务;
S34:通过调用com.yanzhenjie.andserver.annotation.Controller,实现html静态页面的发布、跳转;
S4:集成HybridApp开发框架,其中,
通过内嵌腾讯X5内核浏览器,即com.tencent.smtt.sdk.WebView,实现Hybrid App开发框架;
S5:定制CesiumJS网页应用;
S6:调试、运行地图应用App。
2.根据权利要求1所述方法,其特征在于,所述步骤S5包括以下分步骤:
S51:实现二三维可视化地图视图;
S52:实现地图类型切换功能;
S53:实现数据图层管理功能;
S54:实现空间量算功能;
S55:实现地图标绘功能;
S56:实现查询定位功能。
3.根据权利要求2所述方法,其特征在于,步骤S52中,地图类型包括遥感影像、标准地图、三维视图和二维视图4个选项。
4.根据权利要求2所述方法,其特征在于,步骤S54中,空间量算功能包括坐标查询、距离量算、面积量算和角度量算4个功能。
5.根据权利要求2所述方法,其特征在于,步骤S55中,地图标绘功能包括图标、折线、多边形、圆形、矩形、缓冲区、直线箭头、攻击箭头和钳击箭头9个功能。
6.根据权利要求2所述方法,其特征在于,步骤S56中,查询定位功能包括地名、建筑和道路的检索、定位。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010375774.8A CN111723170B (zh) | 2020-05-07 | 2020-05-07 | 一种基于CesiumJS的移动端离线三维GIS应用实现方法和系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010375774.8A CN111723170B (zh) | 2020-05-07 | 2020-05-07 | 一种基于CesiumJS的移动端离线三维GIS应用实现方法和系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111723170A CN111723170A (zh) | 2020-09-29 |
CN111723170B true CN111723170B (zh) | 2023-09-19 |
Family
ID=72564221
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010375774.8A Active CN111723170B (zh) | 2020-05-07 | 2020-05-07 | 一种基于CesiumJS的移动端离线三维GIS应用实现方法和系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111723170B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112506484A (zh) * | 2020-12-11 | 2021-03-16 | 浪潮云信息技术股份公司 | 一种ArcGIS的图形框架实现方法 |
CN115205484B (zh) * | 2022-05-23 | 2023-04-07 | 广州市城市规划勘测设计研究院 | 历史文化街区的三维空间展示方法、装置、设备及介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20120137607A (ko) * | 2011-05-24 | 2012-12-24 | 이엔지정보기술 주식회사 | 전방위 영상 웹 서비스 시스템 및 그 방법 |
WO2016081628A1 (en) * | 2014-11-18 | 2016-05-26 | Cityzenith, Llc | System and method for aggregating and analyzing data and creating a spatial and/or non-spatial graphical display based on the aggregated data |
CN108021356A (zh) * | 2017-11-06 | 2018-05-11 | 江苏省测绘研究所 | 一种跨屏跨平台的可量测实景地图组织方法 |
CN108536732A (zh) * | 2018-02-28 | 2018-09-14 | 中国地质大学(武汉) | 支持MapGIS67地图工程的瓦片地图在线自动切片服务方法与系统 |
CN110246220A (zh) * | 2019-05-24 | 2019-09-17 | 武汉华安科技股份有限公司 | 一种基于gis的三维管理平台构建方法、系统、装置和介质 |
CN111091497A (zh) * | 2019-12-12 | 2020-05-01 | 深圳震有科技股份有限公司 | 一种地图的矢量线面抽稀方法、智能终端及储存介质 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20120067830A (ko) * | 2010-12-16 | 2012-06-26 | 한국전자통신연구원 | 모바일 웹 지도 서비스 시스템 및 이를 위한 서비스 단말 |
US20130103726A1 (en) * | 2011-10-25 | 2013-04-25 | Nokia Corporation | Method and apparatus for providing offline binary data in a web environment |
WO2015010165A1 (en) * | 2013-07-23 | 2015-01-29 | National Ict Australia Limited | Geo-located activity visualisation, editing and sharing |
-
2020
- 2020-05-07 CN CN202010375774.8A patent/CN111723170B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20120137607A (ko) * | 2011-05-24 | 2012-12-24 | 이엔지정보기술 주식회사 | 전방위 영상 웹 서비스 시스템 및 그 방법 |
WO2016081628A1 (en) * | 2014-11-18 | 2016-05-26 | Cityzenith, Llc | System and method for aggregating and analyzing data and creating a spatial and/or non-spatial graphical display based on the aggregated data |
CN108021356A (zh) * | 2017-11-06 | 2018-05-11 | 江苏省测绘研究所 | 一种跨屏跨平台的可量测实景地图组织方法 |
CN108536732A (zh) * | 2018-02-28 | 2018-09-14 | 中国地质大学(武汉) | 支持MapGIS67地图工程的瓦片地图在线自动切片服务方法与系统 |
CN110246220A (zh) * | 2019-05-24 | 2019-09-17 | 武汉华安科技股份有限公司 | 一种基于gis的三维管理平台构建方法、系统、装置和介质 |
CN111091497A (zh) * | 2019-12-12 | 2020-05-01 | 深圳震有科技股份有限公司 | 一种地图的矢量线面抽稀方法、智能终端及储存介质 |
Non-Patent Citations (2)
Title |
---|
基于Cesium的三维WebGIS研究及开发;朱栩逸;苗放;;科技创新导报(第34期);全文 * |
浅析基于3DTiles的BIM模型网络共享方案;王占军;王鹏;吕婧;刘荣;;科学技术创新(第08期);全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN111723170A (zh) | 2020-09-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9904664B2 (en) | Apparatus and method providing augmented reality contents based on web information structure | |
US9411901B2 (en) | Managing satellite and aerial image data in a composite document | |
Chow | The potential of maps APIs for internet GIS applications | |
EP2727008B1 (en) | Managing web page data in a composite document | |
US20150062114A1 (en) | Displaying textual information related to geolocated images | |
US20130007575A1 (en) | Managing Map Data in a Composite Document | |
CN111723170B (zh) | 一种基于CesiumJS的移动端离线三维GIS应用实现方法和系统 | |
CN112131332B (zh) | 信息点的更新方法、装置、电子设备和计算机存储介质 | |
CN105574102A (zh) | 一种电子地图数据加载的方法及装置 | |
WO2012082133A1 (en) | Route a service | |
KR101959290B1 (ko) | 설계 도면 데이터를 측량 컨트롤러로서 사용되는 모바일 단말에서 실행되는 웹 브라우저 기반의 어플리케이션 상에서 열람 가능한 변환된 형식의 데이터로 변환하여 제공하는 방법 및 서버 | |
KR101967587B1 (ko) | 설계 도면 데이터, 외부 지도 서비스로부터의 지도 데이터 및 공공 지도 데이터를 중첩된 레이어로서 제공하는 작업 화면을 사용하여 측량점을 포함하는 측량 데이터를 생성하는 방법 및 장치 | |
Kim et al. | Real-time processing of spatial attribute information for mobile web based on standard web framework and HTML5 | |
Chibuye | A spartial framework for managing sewer and water networks using sensor networks: a case of the university of Zambia. | |
Lee | 3d urban modeling and rendering with high resolution remote sensing imagery on mobile 3d and web 3d environments; system architecture and prototype implementation | |
Li et al. | The design and implementation of OpenStreetMap application system aimed at emergency logistics | |
Mozaffari et al. | Virtual reality models for location-based facilities management systems | |
Gonchikara | An android application for crime analysis in San Diego | |
Titanto et al. | Google maps-based geospatial application framework with custom layers management | |
Hui et al. | Design and Implement a Cartographic Client Application For Mobile Devices using SVG Tiny and J2ME | |
CN118012428A (zh) | 煤矿数据的处理方法、装置和计算机程序产品 | |
Jochem et al. | Towards interactive 3D city models on the web | |
Liu et al. | Building Geospatial Health Applications from the EASTWeb Framework | |
Omokaro | Park here: A Web Based Application for Finding Available Parking Spaces in Tampere, Finland | |
Karlberg | Mobile map client API: design and implementation for Android |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |