Edit model in custom editor

This example shows how to create a simple 3D editor for 3D models. You can adjust the model’s position, altitude, scale, and rotation programmatically or via interactive controls and drag-and-drop.

For editing models, we recommend using the 3D Editor in most cases. This is a demonstration of the SDK’s capabilities for very specific scenarios where you need to integrate an editor into your application.

Key features

• Dynamic loading: Initialize the splat model with properties from a JSON object (simulating a database record).
• Interactive editing: Drag the model to reposition it, and use sliders to fine-tune altitude, scale, and rotation.
• State management: Capture the updated properties to “save” them back to your backend.

Learn more

Check out the MapTiler GeoSplats SDK JS reference

Add 3D scenes

Related examples

Add splat model

Examples

Learn how to load a map using the GeoSplats SDK and add a photorealistic splat model. A splat model offer a modern alternative to 3D meshes, perfect for complex scenes.

Capture events

Examples

Learn how to capture both global map events and specific splats events like load, update, mouseover, and click.

Change basemap

Examples

Learn how to dynamically switch between different MapTiler basemaps while maintaining photorealistic 3D splats models in your scene.

Opacity and visibility

Examples

Learn how to dynamically control the transparency and visibility of photorealistic splats objects using the MapTiler GeoSplats SDK.