Db27e3743c0d5c6f1d3241f9580646e9
Cesium项目实战(4)-城市道路网数据制作、发布与展示

一个城市的发展离不开好的道路设计,俗话说,要想富先修路,良好的道路交通,可以减少交通拥堵,降低城市居民的时间成本,提高人们的生活幸福指数,会在很大程度上促进城市的经济文化发展。城市干道系统则是城市的骨架,是影响到城市的主要景观。所以要想展示好一个城市,那么城市道路必不可少。

在本篇“城市道路网数据制作、发布与展示”中我们主要包括如下几个可视化内容。

  1. 城市道路网数据的获取
  2. 城市道路网数据的制作、发布
  3. 城市道路网的三维可视化

1. 城市道路网数据的获取

具体的参照 上一篇 Cesium项目实战(3)-城市建筑三维白膜数据的制作与效果展示 这里就不在重复了。


2. 城市道路网数据的制作、发布

由于SHP文件大小较大,如果直接按照以前转换成geojson格式加载的话,会出现明显的卡顿,数据量过大,浏览器可能直接奔溃,无法运行。

我们可以想到的方案有矢量切片或者栅格切片。本篇采用的是栅格切片方式,使用GeoServer作为服务器载体,矢量的geojson切片,读者可以自行类似探索

GeoServer 是 OpenGIS Web 服务器规范的 J2EE 实现,利用 GeoServer 可以方便的发布地图数据,允许用户对特征数据进行更新、删除、插入操作,通过 GeoServer 可以比较容易的在用户之间迅速共享空间地理信息。GeoServer是社区开源项目,可以直接通过社区网站下载。读者可以自行搜索安装使用,这里就不再叙述了。

接下来,我们重点介绍一下数据的制作、发布。

1、打开geoserver网站,进行登录

2、在工作区页面新建一个工作区

3、在数据存储中,选择shp数据源,添加shp文件,发布

4、在Tile Layers页面中,查看服务详情


5、在样式页面中,使用已经定义好的样式,或者自定义样式


3. 城市道路网的三维可视化

通过捕获请求资源,我们得到geoserver提供的wmts服务请求地址

整理一下,得到这样的在cesium中的请求地址

http://localhost:8011/geoserver/gwc/service/wmts?layer=bj:road&style=&tilematrixset=EPSG:900913&Service=WMTS&Request=GetTile&Version=1.0.0&Format=image%2Fpng&TileMatrix=EPSG:900913:{TileMatrix}&TileCol={TileCol}&TileRow={TileRow}

也可以直接使用geosever提供的tms服务地址

http://localhost:8011/geoserver/gwc/service/tms/1.0.0/bj:road@EPSG:900913@png/{z}/{x}/{reverseY}.png

在cesium中,我们通过WebMapTileServiceImageryProvider接口来加载wmts服务,通过UrlTemplateImageryProvider来加载tms服务

```

top Created with Sketch.