Skip to main content

@mapmost/mapmost-webgl-transformControls

forMapmost SDK Lite Provides support for translation, rotation and scaling operations on 3D models.

Mapmost SDK Lite Please install@mapmost/mapmost-webgl-transformControls 1.0.0Version

Install​

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

Usage​

usemodules​

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

useCDN​

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

usage​

new MapmostTransformControls(model, layer);
  • model: Obejct3D (required) model object.
  • layer: ModelLayer (required) 3D layer instance.

Usage example​


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);

refer to Example。