Cesium使用UrlTemplateImageryProvider加载第三方定义的瓦片

发布时间:2024年01月10日

<!DOCTYPE html>
<html lang="en">

<head>
? ? <meta charset="UTF-8">
? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">
? ? <meta name="viewport"
? ? ? ? content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
? ? <title>Document</title>
? ? <link href="../Build/CesiumUnminified/Widgets/widgets.css" rel="stylesheet">
? ? </link>
? ? <script src="../Build/CesiumUnminified/Cesium.js"></script>
? ? <style>
? ? ? ? html,
? ? ? ? body,
? ? ? ? #cesiumContainer {
? ? ? ? ? ? width: 100%;
? ? ? ? ? ? height: 100%;
? ? ? ? ? ? margin: 0;
? ? ? ? ? ? padding: 0;
? ? ? ? ? ? overflow: hidden;
? ? ? ? }
? ? </style>
</head>

<body>
? ? <div id="cesiumContainer"></div>
? ? <script>
? ? ? ? const viewer = new Cesium.Viewer('cesiumContainer', {
? ? ? ? ? ? animation: false,
? ? ? ? ? ? timeline: false,
? ? ? ? ? ? baseLayerPicker: false,
? ? ? ? ? ? vrButton: false,
? ? ? ? ? ? homeButton: false,
? ? ? ? ? ? fullscreenButton: false,
? ? ? ? ? ? navigationHelpButton: false,
? ? ? ? ? ? geocoder: false,
? ? ? ? ? ? sceneModePicker: false,
? ? ? ? ? ? //使用第三方定义的瓦片,baseLayer的类型为ImageryLayer
? ? ? ? ? ? baseLayer: new Cesium.ImageryLayer(new Cesium.UrlTemplateImageryProvider({
? ? ? ? ? ? ? ? url: "http://yoururl/g1/tile.g?m=1&x={x}&y={y}&z={z}"
? ? ? ? ? ? })),
? ? ? ? })
? ? ? ? //视野定位到北极中心点
? ? ? ? viewer.camera.setView({
? ? ? ? ? ? destination:Cesium.Cartesian3.fromDegrees(180,90,17263256.248715397)
? ? ? ? });
? ? </script>
</body>

</html>

文章来源:https://blog.csdn.net/yhj198927/article/details/135506212
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。