diff --git a/docs/sources/panels-visualizations/visualizations/geomap/index.md b/docs/sources/panels-visualizations/visualizations/geomap/index.md index 891311df08f..5118f1425e4 100644 --- a/docs/sources/panels-visualizations/visualizations/geomap/index.md +++ b/docs/sources/panels-visualizations/visualizations/geomap/index.md @@ -81,12 +81,13 @@ There are three map layer types to choose from in the Geomap visualization. - [Heatmap]({{< relref "#heatmap-layer" >}}) visualizes a heatmap of the data. - [GeoJSON]({{< relref "#geojson-layer" >}}) renders static data from a GeoJSON file. -There are also four alpha layer types. +There are also five alpha layer types. - [Night / Day (alpha)]({{< relref "#night--day-layer-alpha" >}}) renders a night / day region. - **Icon at last point (alpha)** renders an icon at the last data point. - **Dynamic GeoJSON (alpha)** styles a GeoJSON file based on query results. - **Route (alpha)** render data points as a route. +- [Photos layer (Alpha)]({{< relref "#photos-layer-alpha" >}}) renders a photo at each data point. > **Note:** [Basemap layer types]({{< relref "#types-1" >}}) can also be added as layers. You can specify an opacity. @@ -351,6 +352,34 @@ The Night / Day layer displays night and day regions based on the current time r - [**Extensions for OpenLayers - DayNight**](https://viglino.github.io/ol-ext/examples/layer/map.daynight.html) +## Photos layer (Alpha) + +The Photos layer renders a photo at each data point. + +{{< figure src="/static/img/docs/geomap-panel/geomap-photos-9-3-0.png" max-width="1200px" caption="Geomap panel Photos" >}} + +### Options + +- **Image Source Field** select a string field containing image data in either of the following formats + - **Image URLs** + - **Base64 encoded** image binary ("data:image/png;base64,...") +- **Kind** select the frame style around the images + - **Square** + - **Circle** + - **Anchored** + - **Folio** +- **Crop** toggle if the images are cropped to fit +- **Shadow** toggle a box shadow behind the images +- **Border** set the border size around images +- **Border color** set the border color around images +- **Radius** set the overall size of images in pixels + +{{< figure src="/static/img/docs/geomap-panel/geomap-photos-options-9-3-0.png" max-width="1200px" caption="Geomap panel Photos options" >}} + +### More information + +- [**Extensions for OpenLayers - Image Photo Style**](http://viglino.github.io/ol-ext/examples/style/map.style.photo.html) + ## Map Controls The map controls section contains various options for map information and tool overlays.