快速搭建移动端3DGIS三维地理信息场景

 CesiumEarth是一款能够快速搭建三维场景的产品，支持加载倾斜模型、卫星影像、三维地图、专题数据等图层，同时可在移动端进行浏览查看。

手机浏览器的效果，平板电脑上效果更佳

在使用移动端之前，首先需要进入PC端建立数据库，添加图层，编辑样式，导出cedb数据库。这部分内容可参考下面几篇文章：

（1）无需开发快速搭建GIS地理信息系统

（2）互联网免费地图数据资源介绍

（3）倾斜三维模型本地部署并通过CesiumEarth快速浏览

使用PC端的目的就是构建三维场景，导出cedb数据库，也可以选择直接导出cedb文本内容，移动端支持直接导入cedb文件或数据内容即可快速浏三维场景。

下面是导出cedb文本的方法：

移动端导入cedb文本的方法

打开浏览器，输入移动端URL地址即可进入CesiumEarth移动端。

移动端入口：CesiumEarth移动端浏览版，也可以通过首页进入：CesiumEarth首页 ，点击移动端浏览版即可进入

点击导入cedb文本，把pc端导出来的cedb文本内容复制进来，在这里也可以直接点击cedb文件打开三维场景（cedb文件有很多方法从PC端传到移动端）

导入之后即可在移动端进行浏览，移动端只支持图层的选择以及要素的属性查询。

本文用到的cedb文本数据如下，可直接复制该数据浏览测试

[{"title":"天地图","children":[{"title":"卫星影像","url":"http://{s}.tianditu.com/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk=0f84da9fd48038ea3bd8de15ff9fb4c2","subdomains":["t0","t1","t2","t3","t4","t5","t6","t7"],"checked":true,"type":"ImageryURL","format":"image/jpeg","tileMatrixSetID":"GoogleMapsCompatible","key":"3rrmz3743a9t9tfo","isTarget":false},{"title":"卫星影像注记","url":"http://t{s}.tianditu.com/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg&tk=0f84da9fd48038ea3bd8de15ff9fb4c2","subdomains":["0","1","2","3","4","5","6","7"],"anno":"1","checked":true,"type":"ImageryWMTS","format":"image/png","tileMatrixSetID":"GoogleMapsCompatible","key":"vom8b23bxjc8ti0w","isTarget":false}],"checkable":false,"key":"38gkh4l1134kzxrz"},{"title":"地形","checkable":false,"children":[{"title":"CesiumIon地形","url":"-","checked":true,"type":"TerrainDefault","token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJjMWYwNDIxZS05N2NhLTQyY2UtYWEzMi01NzFiYzA5ZDVjNjIiLCJpZCI6NDcyNDQsImlhdCI6MTYxNzAwODE0Nn0.0VGcsvaBuAbCFp1AdfYQjFwjZF4Y7OyG8MNy3YKIsDI","key":"1jxy5l5bwkugkj76","terrainVerticalExaggeration":"1.0","terrainRelativeHeight":"0.0","isTarget":false}],"key":"i13poqtgi9ne0ns8"},{"title":"我的图层","checkable":false,"key":"zn053tmkjn46xwyb","children":[{"title":"东湖景点","url":"","content":{"crs":{"type":"name","properties":"urn:ogc:def:crs:OGC:1.3:CRS84"},"type":"FeatureCollection","name":"points","features":[{"geometry":{"type":"MultiPoint","coordinates":[[114.375154248,30.576405457,-0.006049070267534236]]},"properties":{"名称":"武汉东湖海洋世界","地址":"武汉市武昌区东湖风景区街道沿湖大道20号武汉东湖海洋乐园内(东侧)","介绍":"东湖海洋世界是湖北省武汉市国家3A级旅游景区。 东湖海洋世界由福建龙川集团及亚讯科技（香港）集团联合投资2.5亿元兴建，建筑面积3万平方米，坐落在著名的国家风景区武汉东湖，展示千余种万余尾海洋珍稀鱼类。 整个展馆由八个展区组成—热带雨林馆、海底隧道、海洋生物馆、长江鱼馆、海洋剧场、企鹅馆、科普电教馆、标本馆、精品馆等。","fid":0},"type":"Feature"},{"geometry":{"type":"MultiPoint","coordinates":[[114.369628634,30.570780151,-0.004639136673614327]]},"properties":{"名称":"濒湖画廊","地址":"武汉市武昌区黄鹂路88号听涛景区内","介绍":"濒湖画廊既是半拱形建筑，也是半圆形建筑。所谓半拱形，是因画廊的主体建筑在小山丘上，两翼长廊依山势错落而下，呈半拱形；所谓半圆形，是因两翼长廊向后弯斜，呈半圆形。长廊的两端有六角亭作依托，整个建筑红柱绿瓦，错落有致。中为方阁，攒尖顶，重檐飞展。左右各接四长间并逐栋向后向下折曲廊，两端各连一六角亭，整个建筑平面呈扇形，总长85米。层台雅洁，飞丹流翠，光彩夺目。内置小桌、圆凳，游人或围棋、或书画、或谈天，舒适惬意。画廊后面有金桂夹道的笔直水泥路，可通屈原纪念馆。在画廊南侧有一花坛，坛内有一株大型垂枝重阳木，此树为百年古树，全国罕见，其枝干如游龙盘旋，奇妙无比,衬得此处更富魅力。每到秋，这里红叶夹翠，满野桂香，别有一番风光。","fid":1},"type":"Feature"},{"geometry":{"type":"MultiPoint","coordinates":[[114.368153895,30.544173536,-0.0027169881799639917]]},"properties":{"名称":"天涯海角","地址":"湖北省武汉市武昌区东湖生态旅游风景区内东湖绿道东湖书香道","介绍":"","fid":2},"type":"Feature"},{"geometry":{"type":"MultiPoint","coordinates":[[114.410967459,30.547573397,-0.0117015276535341]]},"properties":{"名称":"磨山景区","地址":"武汉市鲁磨路665号东湖生态旅游风景区","介绍":"","fid":3},"type":"Feature"},{"geometry":{"type":"MultiPoint","coordinates":[[114.413976835,30.596362885,-0.005469442827204462]]},"properties":{"名称":"桃花岛","地址":"武汉市东湖生态旅游风景区","介绍":"","fid":4},"type":"Feature"},{"geometry":{"type":"MultiPoint","coordinates":[[114.420530429,30.575451018,-0.023429658716878545]]},"properties":{"名称":"湖山在望","地址":"武汉市洪山区郊野道东湖生态旅游风景区","介绍":"","fid":5},"type":"Feature"},{"geometry":{"type":"MultiPoint","coordinates":[[114.437626041,30.548292605,-0.00015092352473821479]]},"properties":{"名称":"万国风情","地址":"","介绍":"","fid":6},"type":"Feature"},{"geometry":{"type":"MultiPoint","coordinates":[[114.422948149,30.540883999,-0.00929134393209201]]},"properties":{"名称":"鹰嘴湖湾","地址":"","介绍":"","fid":7},"type":"Feature"},{"geometry":{"type":"MultiPoint","coordinates":[[114.448103844,30.540038623,-0.018470175544968454]]},"properties":{"名称":"自在佳院","地址":"","介绍":"","fid":8},"type":"Feature"},{"geometry":{"type":"MultiPoint","coordinates":[[114.431641896,30.562947058,-0.015621204173980583]]},"properties":{"名称":"玫瑰花海","地址":"","介绍":"","fid":9},"type":"Feature"},{"geometry":{"type":"MultiPoint","coordinates":[[114.3901619,30.569899816,-0.01020289576253313]]},"properties":{"名称":"湖光阁","地址":"","介绍":"","fid":10},"type":"Feature"},{"geometry":{"type":"MultiPoint","coordinates":[[114.388732318,30.578508769,0.0013721630134760799]]},"properties":{"名称":"长堤杉影","地址":"","介绍":"","fid":11},"type":"Feature"},{"geometry":{"type":"MultiPoint","coordinates":[[114.40593322,30.575242631,-0.0006735876607189106]]},"properties":{"名称":"时光亭","地址":"","介绍":"","fid":12},"type":"Feature"},{"geometry":{"type":"MultiPoint","coordinates":[[114.406447914,30.545599489,-0.011584061333496898]]},"properties":{"名称":"五重塔","地址":"","介绍":"","fid":13},"type":"Feature"},{"geometry":{"type":"MultiPoint","coordinates":[[114.401561731,30.535348537,0.0006905432297577957]]},"properties":{"名称":"绣球锦园","地址":"","介绍":"","fid":14},"type":"Feature"},{"geometry":{"type":"MultiPoint","coordinates":[[114.389517172,30.5947642,0.004804825151298365]]},"properties":{"名称":"武汉欢乐谷","地址":"","介绍":"","fid":15},"type":"Feature"}]},"flyTo":"1","checked":true,"fid":16,"type":"Vector","vectorType":"Points","vectorFields":"名称,地址,介绍,fid","key":"q8x0k1k8kecgw6y9","removeDuplication":"0","removeDuplicationField":"","pointShow":"0","pointWidth":"10","pointColor":"#FFFFFF","pointOutlineWidth":"3","pointOutlineColor":"#00AA00","pointOffsetHeight":"0","pointClampToGround":"1","pointDistanceDisplayCondition":"0","polylineShow":"1","polylineColor":"#00FF00","polylineWidth":"1","polylineHeight":"10","polylineExtrudedHeight":"100","polylineCornerType":"ROUNDED","polylineMaterial":"SolidColor","polylineMaterialColorTexture":"","polylineMaterialImageTexture":"","polylineMaterialRepeat":"1.0,1.0","polylineTime":"1.0","polylineTrailLength":"0.1","polylineGlowPower":"0.25","polylineTaperPower":"1.0","polylineGapPower":"#00000000","polylineDashLength":"16.0","polylineDashPattern":"255.0","polylineOutlineColor":"#FFFFFF","polylineOutlineWidth":"2.0","polylineVolumeSmooth":"6","polylineClampToGround":"0","polylineDistanceDisplayCondition":"0","polygonShow":"1","polygonColor":"#FFFFFF66","polygonOutlineShow":"0","polygonOutlineColor":"#FFFFFF","polygonHeight":"0","polygonExtrudedHeight":"0","polygonPerPositionHeight":"0","polygonClampToGround":"0","polygonDistanceDisplayCondition":"0","labelShow":"1","labelField":"名称","labelFont":"16px PingFang","labelShowBackground":"0","labelBackgroundColor":"#333333","labelBackgroundPadding":"7,5","labelPixelOffset":"0,-50","labelEyeOffset":"0,0,0","labelHorizontalOrigin":"CENTER","labelVerticalOrigin":"CENTER","labelFillColor":"#0088FF","labelOutlineColor":"#FFFFFF","labelOutlineWidth":"4","labelDistanceDisplayCondition":"0","labelScaleByDistance":"0","bubbleShow":"1","bubbleImage":"http://cesiumearth.com/resources/bubbles/Bub6.png","bubbleScale":"0.3","bubbleHorizontalOrigin":"CENTER","bubbleVerticalOrigin":"BOTTOM","bubblePixelOffset":"0,0","bubbleRotation":"0","bubbleDistanceDisplayCondition":"0","bubbleScaleByDistance":"0","isTarget":true}]}]