learning_cesium/测试代理.html

65 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<script src="./Build/Cesium/Cesium.js"></script>
<link href="./Build/Cesium/Widgets/widgets.css" rel="stylesheet" />
<style>
@import url(./Build/Cesium/Widgets/widgets.css);
html,
body,
#cesiumContainer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
</style>
<!-- <script src="https://cesium.com/downloads/cesiumjs/releases/1.68/Build/Cesium/Cesium.js"></script> -->
<!-- <link href="https://cesium.com/downloads/cesiumjs/releases/1.68/Build/Cesium/Widgets/widgets.css" rel="stylesheet"> -->
</head>
<body>
<div id="cesiumContainer"></div>
<script>
// Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI5ZjRjNTZkNC01NDYxLTRhMjQtOGEwZC1kZjA3YzQ5YTJlZDkiLCJpZCI6MjYwODQsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1ODcxOTMwODN9.prGsSKyAW_9Ow5zHYPhbm3LsQL-ApQw5-5PNJkDaHi8';
Cesium.Ion.defaultAccessToken =
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI5ZjRjNTZkNC01NDYxLTRhMjQtOGEwZC1kZjA3YzQ5YTJlZDkiLCJpZCI6MjYwODQsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1ODcxOTMwODN9.prGsSKyAW_9Ow5zHYPhbm3LsQL-ApQw5-5PNJkDaHi8";
var viewer = new Cesium.Viewer("cesiumContainer", {
terrainProvider: Cesium.createWorldTerrain(),
});
const imageryLayers = viewer.imageryLayers;
imageryLayers.removeAll();
const bing = new Cesium.BingMapsImageryProvider({
// url: new Cesium.Resource({
url: "https://dev.virtualearth.net",
// proxy: new Cesium.DefaultProxy("http://127.0.0.1:8080/proxy/"),
// }),
key: "AsETJSeweqADKT9l134_kSK76ChCx74pxkhEbuUba2YTPE49RhGb5yt22NKJIVLG",
mapStyle: Cesium.BingMapsStyle.AERIAL,
});
// imageryLayers.addImageryProvider(bing);
const wmsProvider = new Cesium.WebMapServiceImageryProvider({
// url: new Cesium.Resource({
// proxy: new Cesium.DefaultProxy("http://127.0.0.1:8888/proxy/"),
// url: "http://server.arcgisonline.com/arcgis/rest/services/Specialty/DeLorme_World_Base_Map/MapServer/WMSServer",
url: "http://localhost:8088/geoserver/nurc/wms",
// }),
layers: "nurc:Img_Sample",
crs: "4326",
rectangle: new Cesium.Rectangle(
Cesium.Math.toRadians(-130.85168),
Cesium.Math.toRadians(20.7052),
Cesium.Math.toRadians(-62.0054),
Cesium.Math.toRadians(54.1141)
),
});
imageryLayers.addImageryProvider(wmsProvider);
</script>
</body>
</html>