2025-03-11 08:25:45 +00:00
<!-- ********************************************************************
* by jiawanlong
*********************************************************************-->
<!DOCTYPE html>
< html >
< head >
< meta charset = "UTF-8" / >
2025-03-19 03:00:22 +00:00
< link rel = "stylesheet" href = "./../../libs/cesium/Cesium1.98/Widgets/widgets.css" >
< script type = "text/javascript" src = "./../../libs/cesium/Cesium1.98/Cesium.js" > < / script >
2025-03-11 08:25:45 +00:00
< / head >
< body style = "margin: 0; overflow: hidden; background: #fff; width: 100%; height: 100%; position: absolute; top: 0" >
< div id = "map" style = "margin: 0 auto; width: 100%; height: 100%" > < / div >
< script type = "text/javascript" >
2025-11-21 07:06:34 +00:00
const viewer = new Cesium.Viewer('map', {
imageryProvider: false,
baseLayerPicker: false,
});
2025-03-11 08:25:45 +00:00
// 开启帧率
viewer.scene.debugShowFramesPerSecond = true;
// 加载天地图wmts
var _layer = 'vec';
var token = 'bcc62222fc634ec736589c483de933e6';
var maxLevel = 18;
var matrixIds = new Array(maxLevel);
for (var z = 0; z < = maxLevel; z++) {
matrixIds[z] = (z + 1).toString();
}
var _url = 'http://t{s}.tianditu.gov.cn/' + _layer + '_c/wmts?service=WMTS& version=1.0.0& request=GetTile& tilematrix={TileMatrix}& layer=' + _layer + '& style={style}& tilerow={TileRow}& tilecol={TileCol}& tilematrixset={TileMatrixSet}& format=tiles& tk=' + token;
var wmts = new Cesium.WebMapTileServiceImageryProvider({
url: _url,
layer: _layer,
credit: 'opts.credit',
style: 'default',
format: 'tiles',
tileMatrixSetID: 'c',
subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
tileMatrixLabels: matrixIds,
tilingScheme: new Cesium.GeographicTilingScheme(), //WebMercatorTilingScheme、GeographicTilingScheme
maximumLevel: maxLevel
});
viewer.imageryLayers.addImageryProvider(wmts)
2025-11-21 07:06:34 +00:00
// var _url = 'https://gis.sinica.edu.tw/ccts/file-exists.php?img=China_Map_1903-png-{TileMatrix}-{TileCol}-{TileRow}';
// var wmts = new Cesium.WebMapTileServiceImageryProvider({
// url: _url,
// layer: 'China_Map_1903',
// credit: 'op1111ts.credit',
// style: 'default',
// format: 'image/png',
// tileMatrixSetID: 'GoogleMapsCompatible',
// });
// viewer.imageryLayers.addImageryProvider(wmts)
// var maxLevel = 18;
// var matrixIds = new Array(maxLevel);
// for (var z = 0; z < = maxLevel; z++) {
// matrixIds[z] = (z + 1).toString();
// }
// var _url = 'https://iserver.supermap.io/iserver/services/map-world/wmts100';
// var wmts = new Cesium.WebMapTileServiceImageryProvider({
// url: _url,
// layer: '世界地图_Day',
// credit: 'op1111ts.credit',
// style: 'default',
// format: "image/png",
// tileMatrixSetID: 'Custom_世界地图_Day',
// tileMatrixLabels: matrixIds,
// tilingScheme: new Cesium.GeographicTilingScheme(), //WebMercatorTilingScheme、GeographicTilingScheme
// });
// viewer.imageryLayers.addImageryProvider(wmts)
2025-03-11 08:25:45 +00:00
// server服务
// var _url = 'http://58.218.244.204:30080/v1/rest/services/tile/mtVVauqB2stXsnryVk6ve/ows_065d842f508e1001/wmts?SERVICE=WMTS& REQUEST=GetTile& LAYER=l065d842f51ce1000& VERSION=1.0.0& TILEMATRIX={TileMatrix}& TILECOL={TileCol}& TILEROW={TileRow}'
// var wmts = new Cesium.WebMapTileServiceImageryProvider({
// url: _url,
// layer: 'l065d842f51ce1000',
// style: 'default',
// format: 'tiles',
// maximumLevel: 18
// });
// viewer.imageryLayers.addImageryProvider(wmts)
// imageServer服务
// var imageServerwmts = new Cesium.WebMapTileServiceImageryProvider({
// url: `http://52.83.252.76:8086/v2/?request=GetTile& TILECOL={TileCol}& TILEROW={TileRow}& TILEMATRIX={TileMatrix}& info={"info":[{"path":"/imageserver/image/globe_dem_1k.tif"}]}`,
// maximumLevel: 18
// });
// viewer.imageryLayers.addImageryProvider(imageServerwmts)
< / script >
< / body >
< / html >
