add DOM elements for sync with puppeteer browser automation - #minor

src/App.vue

@@ -78,6 +78,6 @@ function refreshPageTitle() {
     </div>
 </template>
 
-<!-- this style is not scoped in order to enable the distribution of bootstrap's
+<!-- touch this style is not scoped in order to enable the distribution of bootstrap's
 CSS rules to the whole app (otherwise it would be limited to this component) -->
 <style lang="scss" src="./scss/main.scss" />

src/modules/map/components/openlayers/OpenLayersMap.vue

@@ -54,6 +54,12 @@ map.once('rendercomplete', () => {
     store.dispatch('mapModuleReady', dispatcher)
     log.info('Openlayer map rendered')
 })
+map.once('loadend', () => {
+    const span = document.createElement('span')
+    span.id = 'openlayer_complete'
+    document.body.appendChild(span)
+    log.info('openlayer complete')
+})
 
 onMounted(() => {
     map.setTarget(mapElement.value)

src/modules/map/components/openlayers/OpenLayersVectorLayer.vue

@@ -45,6 +45,13 @@ const layer = new MapLibreLayer({
     id: layerId.value,
     opacity: opacity.value,
 })
+layer.once('load', () => {
+    const span = document.createElement('span')
+    span.id = 'maplibre_complete'
+    document.body.appendChild(span)
+
+    console.log('maplibre complete')
+})
 setMapLibreStyle(styleUrl.value)
 
 const olMap = inject('olMap')