跳到主要内容
版本：1.0.0

@mapmost/mapmost-webgl-transformControls

为Mapmost SDK Lite 提供对三维模型平移、旋转和缩放操作的支持。

Mapmost SDK Lite 请安装@mapmost/mapmost-webgl-transformControls 1.0.0版本

安装​

npm install @mapmost/mapmost-webgl-transformControls@1.0.0

使用方式​

使用modules​

import mapmost from '@mapmost/mapmost-lite';
import MapmostTransformControls from '@mapmost/mapmost-webgl-transformControls';
import '@mapmost/mapmost-webgl-transformControls/dist/mapmost-webgl-transformControls.css'

使用CDN​

<script src ='https://delivery.mapmost.com/cdn/sdk/lite/v1.0.0/mapmost-lite-min.js'></script>
<script src='./mapmost-webgl-transformControls.js'></script>
<link rel='stylesheet' href='./mapmost-webgl-transformControls.css' type='text/css' />

用法​

new MapmostTransformControls(model, layer);
  • model: Obejct3D (required) 模型对象。
  • layer: ModelLayer (required) 三维图层实例。

使用示例​


let models_obj = ["./data/Olympic.glb"].map(item => ({
    type: 'glb',
    url: item
}));

let options = {
    id: 'model_id',
    type: 'model',
    models: models_obj,
    center: [120.74603465203592, 31.30605899929158, 0.0],
    callback: function (group, layer) {
        let model = group.children[0]
        new MapmostTransformControls(model, layer);
    }
};
map.addLayer(options);

参考 示例。