OSDP Integration - Canadian Geospatial Platform Viewer

Deletes map div if it exists, leaving the map object in cgpv.maps - Simulates moving away from map tab.
Code
```
              document.getElementById('Map1').remove();
            
```

Creates a new div for the map, if the original div has been deleted

Code

              if (!document.getElementById('Map1')) {
                const newDiv = document.createElement('div');
                const id = document.createAttribute('id');
                id.value = 'Map1';
                newDiv.setAttributeNode(id);
                const dataLang = document.createAttribute('data-lang');
                dataLang.value = lang;
                newDiv.setAttributeNode(dataLang);
                document.getElementById('mapSection').appendChild(newDiv);
              }

Recreates the map using the stored config, creating a new div if it has been deleted

Code

                              return new Promise (resolve => {
                  removeMap('Map1')
                    .then(() => {
                      cgpv.api.createMapFromConfig('Map1', JSON.stringify(mapConfig), 800)
                      .then(() => {
                          resolve();
                        });
                    });
                  });

                  function removeMap(map) {
                    return new Promise(resolve => {
                      if (cgpv.api.maps[map]) {
                        cgpv.api.maps[map].remove(false)
                          .then(() => {
                            resolve();
                          });
                      } else {
                        resolve();
                      }
                    });
                  }

Updates the stored config with the current map state

Code

              mapConfig = cgpv.api.maps.Map1.createMapConfigFromMapState();

Changes the language from french to english or english to french and reloads the map if it exists. Note: this will not change the language of the layers, as they are loaded in the current state.

Code

              lang = lang === 'fr' ? 'en' : 'fr';
              const mapDiv = document.getElementById('Map1');
              if (mapDiv) {
                mapDiv.setAttribute('data-lang', lang);
                cgpv.api.maps.Map1.reloadWithCurrentState();
              }

Add entered Geocore UUID's to the map. Can be separated with commas or each on a new line

Code

              if (document.getElementById('Map1')) {
                const layerUuids = document.getElementById('layerUuids').value;
                const uuidList = layerUuids.split('\n').join(',').split(',');
                addLayers(uuidList);
              }

              function addLayers(layers) {
                layers.forEach((layer) => {
                  cgpv.api.maps.Map1.layer.addGeoviewLayerByGeoCoreUUID(layer);
                });
              }

Add entered Geocore UUID's to the map with a custom configuration (List of layer entries)

Code

                cgpv.api.maps.Map1.layer.addGeoviewLayerByGeoCoreUUID(uuid, customListOfLayerEntries);

	OSDP Integration
Main