Let geoview handle the default zoom for datasets with maps

[jaredkinger]

Currently the app is trying to zoom to the coordinates provided by the VCS but this is causing an issue with datasets containing coordinates spanning from -180 to 180 longitude.

Here is an example: https://app.geo.ca/en-ca/map-browser/record/8b83fd58-5953-4b80-8009-94d44ff89844

In the above dataset the zoom ends up focusing in on Alaska even though there are features across Canada.

Geoview has an initial zoom feature built in that will fix this. Have a look at this Geoview Demo

In this scenario the geoCore ID is all that needs to be included in the layerIds array for the initialView.

[bo-lu]

Note: Another solution is with to write custom gcs configs to the vcs

https://geocore.api.geo.ca/vcs?lang=en&id=8b83fd58-5953-4b80-8009-94d44ff89844

Instructions to POST is here: https://github.com/Canadian-Geospatial-Platform/viewer-configuration-service

Message me for the API key needed

[jaredkinger]

@bo-lu The issue should really be solved within the app code and not with custom configs on a record by record basis. The example record above won't be the only record affected.

A quick search and I found another record affected by this bug: https://app.geo.ca/en-ca/map-browser/record/9f4aacbb-42eb-be93-f0a0-9a30cf6d658f so there could be thousands of affected records.

The app is using the geoview api to zoom and that is what is causing the incorrect zoom. This call to the geoview api should be removed and the injected config for geoview should be updated to use the intialView as described above.

Config needs to be updated here: https://github.com/Canadian-Geospatial-Platform/app.geo.ca-v2/blob/master/packages/web-app/src/lib/components/map/map.svelte#L36

let config = $state({
		map: {
			interaction: dynamic ? 'dynamic' : 'static',
			viewSettings: {
				projection: mapProjection
			},
			basemapOptions: {
				basemapId: 'transport',
				shaded: false,
				labeled: true
			}
		},
		theme: 'geo.ca',
		components: ['north-arrow', 'overview-map'],
		corePackages: [],
		appBar: {
			tabs: {
				core: ['geolocator', 'legend', 'export']
			}
		}
	});

All we have to do is add initialView: { layerIds: [] } within the viewSettings

Further down in the same file we need to remove the zoom for records with a map

The else from this if statement should be removed: https://github.com/Canadian-Geospatial-Platform/app.geo.ca-v2/blob/master/packages/web-app/src/lib/components/map/map.svelte#L240

// Add bounding box when no map is available
			if (!geoviewLayerConfig) {
				let bbox = getBbox(coordinates);

				// Sometimes, the map's vector layer hasn't finished loading when we try
				// to add the bbox polygon. We need to wait for the layer, so we can wrap
				// the following code in a handler to catch the mapLayersLoaded event before
				// triggering addPolygon.
				cgpv.api.getMapViewer(mapId)?.onMapLayersLoaded(() => {
					cgpv.api.getMapViewer(mapId).layer.geometry.addPolygon([bbox], {
						style: {
							strokeColor: '#535aa4',
							strokeWidth: 3,
							fillColor: '#535aa4',
							fillOpacity: 0.2
						}
					});

					// Zoom to the bounding box of the layer
					zoomToBBox(coordinates, cgpv);
				});
			} else {
				// Check to make sure the layers have finished loading before zooming
				cgpv.api.getMapViewer(mapId)?.onMapLayersLoaded(() => {
					// Zoom to the bounding box of the layer
					zoomToBBox(coordinates, cgpv);
				});
			}

This branch here partially addresses the issue: https://github.com/Canadian-Geospatial-Platform/app.geo.ca-v2/tree/feature/initial-zoom

The favourites map config was updated correctly but not the config for the map on record pages.

Additionally the config for the spatio filter map was updated but should not have been.