加载含有KTX 2.0纹理的3DTiles
支持加载含有KTX 2.0纹理的倾斜模型数据,3DTiles 服务必须带有 KHR_texture_basisu 扩展属性,并且需要设置 ktx2ParseUrl 参数和 encoding 参数。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>加载含有KTX 2.0纹理的3DTiles</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"/>
<style>
body {
margin: 0;
padding: 0;
}
#map {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
</style>
<script src="https://delivery.mapmost.com/cdn/sdk/webgl/v9.3.0/mapmost-webgl-min.js"></script>
</head>
<body>
<div id="map"></div>
<script>
var map = new mapmost.Map({
container: 'map',
style: "<your style url>",
center: [120.766, 30.04859],
zoom: 15,
pitch: 60,
userId: '***', // 授权码
});
map.on('load', function () {
const TILESET_URL = "<your 3dtiles url>";
map.addLayer(
{
id: 'tile-3d-layer',
type: "3DTiles",
data: TILESET_URL,
dracoUrl: "http://******/draco/",
ktx2ParseUrl: 'http://******/basis/', // 加载 KTX 2.0 纹理模型的解压库文件地址
encoding:mapmost.ColorSpace.LinearEncoding
}
)
})
function removeLayer() {
map.removeLayer('tile-3d-layer')
}
</script>
</body>
</html>