cesium js 路径_cesiumjs开发实践(三) 地图图层介绍

本文介绍了如何在Cesium JS中使用WMTSImageryProvider来实现自定义地图图层。通过创建一个类来处理WMTS服务的URL拼接,并在Viewer中应用,展示了如何消费本地WMTS1.0服务提供的地图数据。
摘要由CSDN通过智能技术生成

cesiumjs中可定制多种图层,可以使用www上很多地图提供商的图层数据,也可以使用自己的地图数据。cesiumjs的地图图层本质上是一些瓦片数据。

对于地图瓦片数据,OGC(Open Geospatial Consortium开放地理联盟)有很多标准,如TMS、WMTS、各个商业公司也有自己的内部标准。

如果需要自己提供地图图层数据,就需要自己实现一个imageryProvider并赋予viewer的imageryProvider属性。

比如楼主本地有一个支持WMTS1.0 的server提供的service,为了使cesium能消费这个service提供的数据,楼主的WMTSImageryProvider.js实现如下:

var WMTSImageryProvider = function WMTSImageryProvider(description) {

var trailingSlashRegex = /\/$/;

var defaultCredit = new Cesium.Credit('WMTS');

description = Cesium.defaultValue(description, {});

var url = Cesium.defaultValue(description.url, 'http://localhost:88/wmts');

if (!trailingSlashRegex.test(url)) {

}

this._url = url;

this._fileExtension = Cesium.defaultValue(description.fileExtension, 'png');

this._proxy = description.proxy;

this._tileDiscardPolicy = description.tileDiscardPolicy;

this._tilingScheme = new Cesium.WebMercatorTilingScheme({

numberOfLevelZeroTilesX : 1,

numberOfLevelZeroTilesY : 1

});

this._tileWidth = 256;

this._tileHeight = 256;

this._minimumLevel = Cesiu

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值