跳到主要内容
版本:9.2.0

加载三维模型

支持加载 苏州 2000 坐标系的三维模型,需将模型中心点坐标转换成 SDK 坐标并设置坐标系参数 project:'SZ2000'。

show
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>SZ2000</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.2.0/mapmost-webgl-min.js"></script>
</head>
<body>
<div id="map"></div>
<script>

// 苏州 2000 转 SDK 坐标
let center = mapmost.Convert.fromDefinedProj([342171.097900000400841, 665836.627800000831485]);

// 地图初始化
let map = new mapmost.Map({
container: 'map', // 地图容器 id
style: '<your style url>', // sz2000 样式文件
center: center, // 地图初始中心点坐标
zoom: 13, // 地图初始缩放层级
pitch: 60, // 地图初始俯仰角
bearing: 0, // 地图初始方位角
userId:'***', // 授权码
});

map.on('load', function () {

let center = mapmost.Convert.fromDefinedProj([339369.1795162731, 666472.346498875]);
let options = {
id: 'model_id',
type: 'model',
project:'SZ2000',
models: [{
type: 'glb',
url: './SM_DFZM_test.glb',// 苏州2000三维模型
}],
center: center,
};
map.addLayer(options);
})
</script>
</body>
</html>