Add / Remove layers
Add and remove layers in a Map.
Arbitrary map extents
Create maps with arbitrary extents.
AxisGrid
Illustrates the use of the AxisGrid entity.
Custom controls
Uses yomotsu/camera-controls with keyboard events, orbiting on right-click and custom Inspector pane
Clipping planes
Illustrate clipping planes usage with entities such as point clouds and maps.
COG image manipulation
Select which bands to view on COGs with multiple bands.
Cloud Optimized GeoTIFF (COG)
Display a color COG in various color spaces.
Elevation COG
Display an elevation COG 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
Illustrates adjusting brightness, constrast, and saturation on color layers and a maps.
Colorized 3D Tiles Point Cloud
Colorize a point cloud with an image layer.
Color maps
Create color maps to interpret elevation, slope and aspect with custom color ramps.
Contour lines
A map with elevation contour lines
Cropped Elevation COG
Ensures that an elevation COG is properly displayed at the edges of the map.
3D Transformations
Transform objects using position, rotation and scale.
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
Display a map in EPGS:2154 with geojson as mesh in various CRS, showing reprojection capabilities of FeatureCollection
First Person Controls
Use first person controls to move in the scene
2.5D Map
Display a 2.5D map with elevation. This is the example used in the Getting started tutorial.
Graticule
Display a graticule on a Map.
Hillshading & terrain
Enable hillshading and set sunlight azimuth and angle, as well as terrain deformation.
HTML labels
Display HTML labels in the 3D scene.
IGN data
Display a map of France with various IGN datasets (elevation, extruded WFS and orthophotography).
Inspector
Display the inspector with a custom panel.
Dispose instance
Help to test if Giro3D correctly deallocates memory.
Change layer order
Move layers up and down in the map.
Layer reprojection
Illustrates the reprojection of layers to match the coordinate system of the instance.
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
Displays multiples instances with different layouts (flex, sticky, fixed, etc.).
Pointcloud from IGN Lidar HD
Display a subset of the Lidar HD dataset colorized with WMS imagery, converted with py3dtiles
Stacking transparent maps
Illustrates how transparency in maps work.
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.
Partial layers
Illustrates the use of layers partially overlapping their parent Map.
Picking
Pick objects with various methods (GPU picking, raycasting...)
Mapbox tilesets
Display a 2.5D map with a Mapbox Terrain RGB tileset and a Mapbox satellite tileset.
Native Vector Data
Display vector data (KML, GeoJSON, GPX, GML) using the native Giro3D loaders.
3D Tiles Point Cloud
Display a 3D Tiles point cloud.
Potree Point Cloud
Display a Potree point cloud.
Share layer between maps
Display multiple maps that share the same layer.
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
Track progress of data loading at various levels of the instance hierarchy.
Transparent canvas background
A canvas with a transparent background.
Types of opacity
Illustrates various types of opacity (map, map background, and layer)
Vector Tiles With OpenLayers
Display Vector Tiles on a Map using OpenLayers.
WFS
Display a WFS layer.
WFS as 3D meshes
Display features from a WFS source as 3D meshes
WMTS layer
Display a WMTS layer on a Map.