Skip to content
This repository has been archived by the owner on Jul 10, 2023. It is now read-only.

Add immersive camera example #149

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

Add immersive camera example #149

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
9498a10
Add immersive camera example
cigone-openindoor Mar 24, 2022
a8e6cd3
fix immersive-camera source fil location
cigone-openindoor Mar 24, 2022
f3bcd3f
fix linter issue
cigone-openindoor Mar 24, 2022
be3d122
fix lint issue
cigone-openindoor Mar 24, 2022
4335619
Add image example
cigone-openindoor Mar 24, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
392 changes: 174 additions & 218 deletions docs/data/expressions-related.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,220 +1,176 @@
{
"!": [
{
"title": "Create and style clusters",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster/"
}
],
"!=": [
{
"title": "Display HTML clusters with custom properties",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster-html/"
}
],
"/": [
{
"title": "Visualize population density",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/visualize-population-density/"
}
],
"<": [
{
"title": "Display HTML clusters with custom properties",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster-html/"
}
],
"==": [
{
"title": "Add multiple geometries from one GeoJSON source",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/multiple-geometries/"
},
{
"title": "Create a time slider",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/timeline-animation/"
},
{
"title": "Display buildings in 3D",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/3d-buildings/"
},
{
"title": "Filter symbols by toggling a list",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/filter-markers/"
}
],
">=": [
{
"title": "Display HTML clusters with custom properties",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster-html/"
}
],
"all": [
{
"title": "Display HTML clusters with custom properties",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster-html/"
}
],
"boolean": [
{
"title": "Create a hover effect",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/hover-styles/"
}
],
"case": [
{
"title": "Create a hover effect",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/hover-styles/"
},
{
"title": "Display HTML clusters with custom properties",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster-html/"
}
],
"coalesce": [
{
"title": "Use a fallback image",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/fallback-image/"
}
],
"concat": [
{
"title": "Add a generated icon to the map",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/add-image-missing-generated/"
},
{
"title": "Create a time slider",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/timeline-animation/"
},
{
"title": "Use a fallback image",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/fallback-image/"
},
{
"title": "Variable label placement",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/variable-label-placement/"
}
],
"downcase": [
{
"title": "Change the case of labels",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/change-case-of-labels/"
}
],
"feature-state": [
{
"title": "Create a hover effect",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/hover-styles/"
}
],
"format": [
{
"title": "Change the case of labels",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/change-case-of-labels/"
},
{
"title": "Display and style rich text labels",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/display-and-style-rich-text-labels/"
},
{
"title": "Display buildings in 3D",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/3d-buildings/"
}
],
"get": [
{
"title": "Change the case of labels",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/change-case-of-labels/"
},
{
"title": "Display HTML clusters with custom properties",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster-html/"
},
{
"title": "Extrude polygons for 3D indoor mapping",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/3d-extrusion-floorplan/"
}
],
"has": [
{
"title": "Create and style clusters",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster/"
}
],
"image": [
{
"title": "Use a fallback image",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/fallback-image/"
}
],
"in": [
{
"title": "Measure distances",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/measure/"
}
],
"interpolate": [
{
"title": "Animate map camera around a point",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/animate-camera-around-point/"
},
{
"title": "Change building color based on zoom level",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/change-building-color-based-on-zoom-level/"
},
{
"title": "Create a heatmap layer",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/heatmap-layer/"
},
{
"title": "Visualize population density",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/visualize-population-density/"
}
],
"let": [
{
"title": "Visualize population density",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/visualize-population-density/"
}
],
"literal": [
{
"title": "Display and style rich text labels",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/display-and-style-rich-text-labels/"
}
],
"number-format": [
{
"title": "Display HTML clusters with custom properties",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster-html/"
}
],
"step": [
{
"title": "Create and style clusters",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster/"
}
],
"to-color": [
{
"title": "Visualize population density",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/visualize-population-density/"
}
],
"to-string": [
{
"title": "Create a time slider",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/timeline-animation/"
}
],
"upcase": [
{
"title": "Change the case of labels",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/change-case-of-labels/"
}
],
"var": [
{
"title": "Visualize population density",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/visualize-population-density/"
}
]
"!": [{
"title": "Create and style clusters",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster/"
}],
"!=": [{
"title": "Display HTML clusters with custom properties",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster-html/"
}],
"/": [{
"title": "Visualize population density",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/visualize-population-density/"
}],
"<": [{
"title": "Display HTML clusters with custom properties",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster-html/"
}],
"==": [{
"title": "Add multiple geometries from one GeoJSON source",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/multiple-geometries/"
},
{
"title": "Create a time slider",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/timeline-animation/"
},
{
"title": "Display buildings in 3D",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/3d-buildings/"
},
{
"title": "Filter symbols by toggling a list",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/filter-markers/"
}
],
">=": [{
"title": "Display HTML clusters with custom properties",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster-html/"
}],
"all": [{
"title": "Display HTML clusters with custom properties",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster-html/"
}],
"boolean": [{
"title": "Create a hover effect",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/hover-styles/"
}],
"case": [{
"title": "Create a hover effect",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/hover-styles/"
},
{
"title": "Display HTML clusters with custom properties",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster-html/"
}
],
"coalesce": [{
"title": "Use a fallback image",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/fallback-image/"
}],
"concat": [{
"title": "Add a generated icon to the map",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/add-image-missing-generated/"
},
{
"title": "Create a time slider",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/timeline-animation/"
},
{
"title": "Use a fallback image",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/fallback-image/"
},
{
"title": "Variable label placement",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/variable-label-placement/"
}
],
"downcase": [{
"title": "Change the case of labels",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/change-case-of-labels/"
}],
"feature-state": [{
"title": "Create a hover effect",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/hover-styles/"
}],
"format": [{
"title": "Change the case of labels",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/change-case-of-labels/"
},
{
"title": "Display and style rich text labels",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/display-and-style-rich-text-labels/"
},
{
"title": "Display buildings in 3D",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/3d-buildings/"
}
],
"get": [{
"title": "Change the case of labels",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/change-case-of-labels/"
},
{
"title": "Display HTML clusters with custom properties",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster-html/"
},
{
"title": "Extrude polygons for 3D indoor mapping",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/3d-extrusion-floorplan/"
},
{
"title": "Provide immersive camera for First Person View",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/immersive-camera/"
}
],
"has": [{
"title": "Create and style clusters",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster/"
}],
"image": [{
"title": "Use a fallback image",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/fallback-image/"
}],
"in": [{
"title": "Measure distances",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/measure/"
}],
"interpolate": [{
"title": "Animate map camera around a point",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/animate-camera-around-point/"
},
{
"title": "Change building color based on zoom level",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/change-building-color-based-on-zoom-level/"
},
{
"title": "Create a heatmap layer",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/heatmap-layer/"
},
{
"title": "Visualize population density",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/visualize-population-density/"
}
],
"let": [{
"title": "Visualize population density",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/visualize-population-density/"
}],
"literal": [{
"title": "Display and style rich text labels",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/display-and-style-rich-text-labels/"
}],
"number-format": [{
"title": "Display HTML clusters with custom properties",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster-html/"
}],
"step": [{
"title": "Create and style clusters",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/cluster/"
}],
"to-color": [{
"title": "Visualize population density",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/visualize-population-density/"
}],
"to-string": [{
"title": "Create a time slider",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/timeline-animation/"
}],
"upcase": [{
"title": "Change the case of labels",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/change-case-of-labels/"
}],
"var": [{
"title": "Visualize population density",
"href": "https://maplibre.org/maplibre-gl-js-docs/example/visualize-population-density/"
}]
}
Binary file added docs/img/src/immersive-camera.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading