103 lines
4.1 KiB
HTML
103 lines
4.1 KiB
HTML
<!--
|
|
TianDiTu ImageryProvider is a stable and reasonable choice in China and it follows WMTS protocol
|
|
it supports WGS84 and Mercator types with many different styles such as Label, Satellite and so on
|
|
Here are two ways to load this server, the first is simple, the second considers subdomains situation
|
|
And of course
|
|
-->
|
|
<!DOCTYPE html>
|
|
<head>
|
|
<title>TianDiTu</title>
|
|
<link href="../Build/Cesium/Widgets/widgets.css" rel="stylesheet">
|
|
<script src="./js/Sandcastle-header.js"></script>
|
|
<script type="text/javascript" src="./js/require.min.js" data-main="./js/main"></script>
|
|
<style>
|
|
html, body, #cesiumContainer {
|
|
width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
|
|
}
|
|
#toolbar{
|
|
margin: 5px;
|
|
padding: 2px 5px;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="cesiumContainer"></div>
|
|
<div id="toolbar">
|
|
</div>
|
|
<script>
|
|
function onload(Cesium) {
|
|
var viewer = new Cesium.Viewer('cesiumContainer', {
|
|
imageryProvider : new Cesium.WebMapTileServiceImageryProvider({
|
|
url : 'http://t0.tianditu.com/img_w/wmts',
|
|
layer : 'img',
|
|
style : 'default',
|
|
format : 'tiles',
|
|
tileMatrixSetID : 'w',
|
|
credit : new Cesium.Credit('天地图全球影像服务'),
|
|
maximumLevel : 18
|
|
}),
|
|
baseLayerPicker : false
|
|
});
|
|
|
|
/*var viewer = new Cesium.Viewer('cesiumContainer', {
|
|
imageryProvider : new Cesium.WebMapTileServiceImageryProvider({
|
|
url : 'http://t0.tianditu.com/img_c/wmts?service=WMTS&version=1.0.0&request=GetTile&tilematrix={TileMatrix}&layer=img&style={style}&tilerow={TileRow}&tilecol={TileCol}&tilematrixset={TileMatrixSet}&format=tiles',
|
|
layer : 'img',
|
|
style : 'default',
|
|
format : 'tiles',
|
|
tileMatrixSetID : 'c',
|
|
credit : new Cesium.Credit('天地图全球影像服务'),
|
|
subdomains : ['t0','t1','t2','t3','t4','t5','t6','t7'],
|
|
maximumLevel : 15,
|
|
tilingScheme : new Cesium.GeographicTilingScheme(),
|
|
tileMatrixLabels:['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19']
|
|
}),
|
|
baseLayerPicker : false
|
|
});*/
|
|
|
|
var imageryLayers = viewer.imageryLayers;
|
|
|
|
Sandcastle.addDefaultToolbarMenu([{
|
|
text : '全球影像地图服务(经纬度)',
|
|
onselect : function(){
|
|
var baseLayer = imageryLayers.get(0);
|
|
imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({
|
|
url : 'http://t0.tianditu.com/img_c/wmts?service=WMTS&version=1.0.0&request=GetTile&tilematrix={TileMatrix}&layer=img&style={style}&tilerow={TileRow}&tilecol={TileCol}&tilematrixset={TileMatrixSet}&format=tiles',
|
|
layer : 'img',
|
|
style : 'default',
|
|
format : 'tiles',
|
|
tileMatrixSetID : 'c',
|
|
credit : new Cesium.Credit('天地图全球影像服务'),
|
|
subdomains : ['t0','t1','t2','t3','t4','t5','t6','t7'],
|
|
maximumLevel : 15,
|
|
tilingScheme : new Cesium.GeographicTilingScheme(),
|
|
tileMatrixLabels:['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19']
|
|
}),1);
|
|
imageryLayers.remove(baseLayer);
|
|
}
|
|
},{
|
|
text : '全球影像地图服务(墨卡托)',
|
|
onselect : function(){
|
|
var baseLayer = imageryLayers.get(0);
|
|
|
|
var url = 'http://{s}.tianditu.com/img_w/wmts?service=WMTS&version=1.0.0&request=GetTile&tilematrix={TileMatrix}&layer=img&style={style}&tilerow={TileRow}&tilecol={TileCol}&tilematrixset={TileMatrixSet}&format=tiles';
|
|
|
|
imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({
|
|
url :url,
|
|
layer : 'img',
|
|
style : 'default',
|
|
format : 'tiles',
|
|
tileMatrixSetID : 'w',
|
|
credit : new Cesium.Credit('天地图全球影像服务'),
|
|
subdomains : ['t0','t1','t2','t3','t4','t5','t6','t7'],
|
|
maximumLevel : 18
|
|
}),1);
|
|
imageryLayers.remove(baseLayer);
|
|
}
|
|
}]);
|
|
};
|
|
</script>
|
|
</body> |