如何搭建Cesium离线切片地图服务器

地图数据

离线地图服务器的切片有以下几种:

高德卫星地图 ,下载切片只能下载到第8级,有文字标注;

天地图墨卡托版,下载切片国内可以下载到18级,国外大概到12级左右;

ArcGIS瓦片地图 ,可以下载0-16级,无文字标注;

Google卫星切片地图 可以加载0-19级,有文字标注;

Google地形切片地图 可以加载0-19级,无文字标注,无山脉起伏,有山体等高线,城市区域显示为等高线;

ArcGIS离线动态地图切片服务 ,可以对数据样式进行控制,成本较高;

GeoServer 发布地图服务数据,可以对数据样式进行控制,开源免费。

我使用的是Google地图瓦片可以加载0-5级,有文字标注。

搭建地图服务器

1、上述数据中ArcGIS数据发布出来即可使用。

2、使用Tomcat搭建虚拟路径

server.xml 中节点中,请求地址为http://localhost:8080/map

tomcat 的web.xml 配置文件中有一个属性值 listing (Directory Listing) ,这个属性值是控制是否展示虚拟目录;默认配置下,改值是 false,即不对外展示文件虚拟目录(这么做是为了安全考虑);如果想直接展示虚拟目录,可以设置该属性的值为 true,然后重启tomcat

加载离线谷歌瓦片地图数据

    var viewer = new Cesium.Viewer('cesiumContainer',{

            //需要进行可视化的数据源的集合

            animation: false, //是否显示动画控件

            shouldAnimate : true,

            homeButton: false, //是否显示Home按钮

            fullscreenButton: false, //是否显示全屏按钮

            baseLayerPicker: false , //是否显示图层选择控件

            geocoder: false, //是否显示地名查找控件

            timeline: false, //是否显示时间线控件

            sceneModePicker: false, //是否显示投影方式控件

            navigationHelpButton: false, //是否显示帮助信息控件

            infoBox: false, //是否显示点击要素之后显示的信息

            requestRenderMode: true, //启用请求渲染模式

            scene3DOnly: false, //每个几何实例将只能以3D渲染以节省GPU内存

            sceneMode: 3, //初始场景模式 1 2D模式 2 2D循环模式 3 3D模式  Cesium.SceneMode

            //fullscreenElement: document.body, //全屏时渲染的HTML元素 暂时没发现用处

              imageryProvider:new Cesium.UrlTemplateImageryProvider({ 

              url : 'http://localhost:8080/map//{z}/{x}/{y}.png',

              fileExtension:'png' })

});

var layers = viewer.imageryLayers; 

viewer._cesiumWidget._creditContainer.style.display="none";  //屏蔽loge广告

这里的x,y,z分别对应着横坐标,纵坐标和放大等级,我们可以直接拿来使用。而在Cesium中实践一下就可以发现,如果使用createtileMapService这个函数,它必须使用wmts服务,或者对应标准的瓦片来实现,而我们的并不是一个经典的瓦片服务链接,所以我们得自己添加{x},{y},{z}来手动添加。

效果展示


你可能感兴趣的:(如何搭建Cesium离线切片地图服务器)