跳到主要内容
版本：9.0.0

@mapmost/mapmost-webgl-transformControls

为Mapmost SDK for WebGL的定制插件，提供对三维模型平移、旋转和缩放操作的支持。

依赖 Mapmost SDK for WebGL，版本对应关系如下：

transformControls版本SDK版本
v 1.0.0v 2.10.0+
v 2.0.0v 3.2.0+

安装​

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

使用方式​

使用modules​

import mapmost from '@mapmost/mapmost-webgl';
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/webgl/v9.0.0/mapmost-webgl-min.js'></script>
<script src='https://delivery.mapmost.com/cdn/sdk/plugins/mapmost-webgl-transformControls/v2.0.0/mapmost-webgl-transformControls.js'></script>
<link rel='stylesheet' href='https://delivery.mapmost.com/cdn/sdk/plugins/mapmost-webgl-transformControls/v2.0.0/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);

参考 示例。