Capture map and splats events

This example demonstrates how to interact with the base map and capture events for photorealistic splats objects. You’ll learn how listen for specific splats or maps events like load, update, mouseover, and click.

Learn more

1. Global Map Events: Use map.on('click', ...) to capture geographic coordinates when a user clicks on the map.
2. Splats Specific Events: The map emits events prefixed with splatmodel: when interacting with these 3D objects:
   • splatmodel:load: Triggered when the model is fully loaded.
   • splatmodel:update: Triggered during model updates or LOD changes.
   • splatmodel:mouseover / splatmodel:mouseout: Capture when the mouse enters or leaves the object’s area.
   • splatmodel:click: Detect direct user interaction with the 3D model.

Check out the MapTiler GeoSplats SDK JS reference

Related examples

Edit model in custom editor

Examples

Build a custom 3D editor to adjust the position, rotation, and scale of splat models and save their properties to a database.

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.

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.