--- title: "MapTiler GeoSplats SDK examples | Geosplats sdk" description: "Create and self-host maps for your websites and products with MapTiler platform." --- > For AI agents: a documentation index is available at [/llms.txt](https://docs-beta-4y5.pages.dev/llms.txt). Markdown versions of all pages are available by appending .md to any URL. [![How to add a splat model to your map](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## 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.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/add-geosplats/) [![How to add a reveal effect splat model to your map](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Splat reveal effect Examples Learn how to enable/disble a reveal effect to show a splat model.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/reveal-effect/) [![How to add annotations to a splat model](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Add annotations Examples Add interactive labelled pins and popups to a splat model.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/add-annotations/) [![Position annotations relative to model or geography](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Model vs geographic positioning Examples Place annotations using model-relative bounding box coordinates or geographic coordinates.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/annotation-positioning/) [![How to enable the model camera collision](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Model camera collision Examples Learn how to enable the model camera collision. Sets whether the camera movement is restricted by model.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/camera-collision/) [![Blend splat models with 3D terrain](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Terrain blending Examples Learn how to blend 3D splat models with terrain.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/terrain-blending/) [![Customize annotation pins and colors](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Pin styles and categories Examples Style annotations with colors, icons, numbers, and custom popup placement.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/annotation-styles/) [![Create rich HTML popups in annotations](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Rich HTML popups Examples Display custom HTML cards in annotation popups with images, tables, and custom widths.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/rich-popup-annotations/) [![Create a guided tour with annotations](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Guided tour with annotations Examples Guide users through model annotations with next and previous buttons.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/annotation-guided-tour/) [![Track and update visited annotation states](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Track visited annotations Examples Mark annotations as visited and update pin icons at runtime.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/annotation-visited-state/) [![Filter annotations by category at runtime](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Filter annotations by category Examples Filter annotations by category using visibility toggle or color dimming.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/filter-annotations/) [![Synchronize annotations with a sidebar list](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Sync annotations with sidebar Examples Connect 3D model annotations bidirectionally with an external sidebar list.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/sync-annotations-sidebar/) [![Update annotations with live on-demand data](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Live data on annotations Examples Load popup content on demand and update labels with simulated live telemetry.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/live-data-annotations/) [![How to find relative coordinates for annotations](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Find relative coordinates Examples Find model-relative coordinates for annotations using an interactive keyboard target pin and bounding box.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/find-relative-coordinates/) [![Capture map and splats events](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Capture events Examples Learn how to capture both global map events and specific splats events like load, update, mouseover, and click.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/events/) [![Change map basemap](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Change basemap Examples Learn how to dynamically switch between different MapTiler basemaps while maintaining photorealistic 3D splat models in your scene.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/change-basemap/) [![Custom loading animation effect](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Custom loading animation Examples Learn how to load a custom loading animation while the splat model is loading.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/custom-loading-animation/) [![Edit model in custom editor](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## 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.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/custom-editor/) [![Change the opacity and visibility of splats](https://docs-beta-4y5.pages.dev/assets/img/example-card.webp) ## Opacity and visibility Examples Learn how to dynamically control the transparency and visibility of photorealistic splats objects using the MapTiler GeoSplats SDK.](https://docs-beta-4y5.pages.dev/geosplats-sdk/examples/opacity-visibility/) Reset filter Founds X results.