Add doc for VITE_MAX_ZOOM env var

Dockerfile

@@ -21,6 +21,7 @@ COPY *.json *.js *.ts *.html ./
 ENV VITE_INSTANCE_NAME=DOCKER_VITE_INSTANCE_NAME
 ENV VITE_API_URL=DOCKER_VITE_API_URL
 ENV VITE_TILES=DOCKER_VITE_TILES
+ENV VITE_MAX_ZOOM=DOCKER_VITE_MAX_ZOOM
 
 # Build code
 ENV PORT=3000
@@ -46,6 +47,7 @@ RUN chmod +x /etc/nginx/docker-entrypoint.sh
 ENV VITE_INSTANCE_NAME="GeoVisio/Docker"
 ENV VITE_API_URL="https://panoramax.openstreetmap.fr"
 ENV VITE_TILES="https://tile-vect.openstreetmap.fr/styles/basic/style.json"
+ENV VITE_MAX_ZOOM=""
 
 # Start Nginx
 EXPOSE 3000

docker/docker-entrypoint.sh

@@ -1,7 +1,7 @@
 #!/bin/bash
 
 ROOT_DIR=/usr/share/nginx/html
-DOCKER_VARS=(VITE_INSTANCE_NAME VITE_API_URL VITE_TILES)
+DOCKER_VARS=(VITE_INSTANCE_NAME VITE_API_URL VITE_TILES VITE_MAX_ZOOM)
 
 echo "Setting env variables in web files"
 for file in $ROOT_DIR/assets/*.js $ROOT_DIR/index.html; do

docs/03_Settings.md

@@ -11,6 +11,7 @@ Available parameters are:
 - `VITE_API_URL`: the URL to the GeoVisio API (with trailing `/`, example: `https://geovisio.fr/`)
 - `VITE_INSTANCE_NAME`: the name of the instance (example: `IGN`)
 - `VITE_TILES`: the URL of your tiles : default tiles are the Open Street Map Tiles (example: `https://wxs.ign.fr/essentiels/static/vectorTiles/styles/PLAN.IGN/attenue.json`)
+- `VITE_MAX_ZOOM`: the max zoom to use on the map (defaults to 24).
 - Settings for the work environment:
   - `NPM_CONFIG_PRODUCTION`: is it production environment (`true`, `false`)
   - `YARN_PRODUCTION`: same as below, but if you use Yarn instead of NPM

src/components-viewer/reportLink.ts

@@ -1,3 +1,3 @@
 export function createLink(href: string, text: string): string {
-  return `<a href='mailto:signalement.ign@panoramax.fr${href}' target='_blank' title='${text}' class='gvs-btn gvs-widget-bg gvs-btn-large' style='font-size: 1.6em;'><i class="bi bi-exclamation-triangle"></i></a>`
+  return `<a href='mailto:signalement.ign@panoramax.fr${href}' target='_blank' title='${text}' class='gvs-btn gvs-widget-bg gvs-btn-large' style='font-size: 1.6em;border-radius=50%'><i class="bi bi-exclamation-triangle"></i></a>`
 }

src/views/HomeView.vue

@@ -28,7 +28,7 @@ onMounted(async () => {
       startWide: true
     }
   }
-  if (maxZoom) {
+  if (maxZoom && maxZoom !== '') {
     paramsGeovisio = {
       map: {
         ...paramsGeovisio.map,