3D Tiles Building
Display a 3D Tiles building converted from a IFC file with py3dtiles.
Add / Remove layers
Add and remove layers in a Map.
Massive point cloud
Display a massive point cloud by aggregating dozens of datasets.
Arbitrary map extents
Create maps with arbitrary extents.
AxisGrid
Illustrates the use of the AxisGrid entity.
Custom controls
Illustrates the use of the camera-controls plugin.
Clipping planes
Clip various entities with clipping planes.
Bathymetry
Display a fully underwater elevation layer.
GeoTIFF image manipulation
Select which bands to view on GeoTIFFs with multiple bands.
Cloud Optimized GeoTIFF (COG)
Display a color COG in various color spaces.
Elevation GeoTIFF
Display an elevation GeoTIFF with a color map.
No-data elimination
Display an elevation COG and discard no-data values.
No-data elimination after reprojection
Illustrates no-data elimination at the edges of a dataset after reprojection.
Color Adjustment
Set brightness, constrast, and saturation on color layers and maps.
Colorized 3D Tiles Point Cloud
Illustrates colorization of point clouds with multiple modes.
Color maps
Use colormaps to emphasize elevation and terrain features.
Contour lines
Use contour lines to display elevation levels.
COPC
Display a Cloud optimized point cloud
Cropped Elevation COG
Check that an elevation COG works correctly at the edge of the map.
3D Transformations
Transform objects using position, rotation and scale.
Digitizing vector features
Draw vectors and add them to a map layer
Draw shapes
Enables the user to draw points, lines and polygons.
Elevation ranges
Limit the display of a color layer or a map within an elevation range.
Reprojection of features as mesh
Illustrates the automatic reprojection of vectors to match the instance's CRS.
First Person Controls
Use first person controls to move in the scene
GeoJSON 3D
Represents 3D shapes from a GeoJSON file.
2.5D Map
Display a map with elevation.
Google Photorealistic 3D Tiles
Display Google Maps 3D Tiles using Giro3D and 3d-tiles-renderer.
Graticule
Display a graticule on a Map.
Hillshading & terrain
Illustrate the use of hillshading on maps with terrain.
HTML labels
Display HTML labels in the 3D scene.
IGN data
Use data sources provided by the french geographic provider (IGN).
Inspector
Display the inspector with a custom panel.
Dispose instance
Help to test if Giro3D correctly deallocates memory.
LAS/LAZ files.
Display a LAS/LAZ file.
Blending modes
Assign various blending modes to a color layer.
Change layer order
Move layers up and down in the map.
Layer reprojection
Reproject layers with heterogenous coordinate systems.
Color layer stress test
Stress test a map with many color layers.
Dynamic layer updates
The layer is updated when the style changes.
Multiple instances in different layouts
Display Giro3D scenes in with different layouts (flex, sticky, fixed, etc.).
Pointcloud from IGN Lidar HD
Display a point cloud from the Lidar HD project. Colorized with a WMS layer.
Elevation profile
Create an elevation profile using a Map and a path.
Physical lights and shadow maps
Illustrates the use of three.js physically accurate lights and shadows on Maps.
Stacking transparent maps
Illustrates how transparency in maps work.
Vertical exaggeration
Apply a vertical exaggeration on a scene.
Mask layers
Illustrates the use of mask layers.
Minimap
Illustrates the use of a secondary Giro3D instance to display a minimap.
Vector sources
Display Vector data on a Map using vector sources.
TopoJSON
Display a TopoJSON file on a Map.
OpenStreetMap layer
Display an OpenStreetMap layer on a Map.
Partial layers
Illustrates the use of layers partially overlapping their parent Map.
Picking
Pick objects with various methods (GPU picking, raycasting...)
Mapbox tilesets
Display color and elevation Mapbox tilesets.
Native Vector Data
Drape vector data on a map.
Point cloud classification
Display a classified point cloud.
Point cloud intensity
Visualize point cloud intensity with a colormap.
3D Tiles Point Cloud
Display a 3D Tiles point cloud.
Potree Point Cloud
Display a Potree point cloud.
Query map elevations
Sample elevation at various points in the map.
Share layer between maps
Display multiple maps that share the same layer.
Sparse layers
Illustrates how textures are allocated when layers have a lot of empty areas.
Static image
Display a single image on a Map with a StaticImageSource.
Three.js loaders
Load models directly from a Three.js loader (skinned mesh in this instance).
32-bit TIFF elevation tiles
Display a map with TMS TIFF tiles in Float32 format.
Tracking progress
Query progress of processing tasks with the .progress and .loading APIs.
Transparent canvas background
A canvas with a transparent background.
Types of opacity
Illustrates various types of opacity (map, map background, and layer)
Undraped vectors
Display GeoJSON files as meshes and symbols.
Vector Tiles With OpenLayers
Display Vector Tiles on a Map using OpenLayers.
Draped WFS
Display a WFS layer on a Map.
WFS as 3D meshes
Display features from a WFS source as 3D meshes
WMTS layer
Display a WMTS layer on a Map.