#100 AdaptationOptionsAppraisalMap

clarity-h2020 · Jul 23, 2020 · 5be0571 · 5be0571
1 parent 57fcc2d
commit 5be0571
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 4 deletions.
diff --git a/src/App.js b/src/App.js
@@ -43,6 +43,7 @@ export default class App extends React.Component {
 						<Route exact path={`${process.env.PUBLIC_URL}/SynchronisedHazardLocalEffectsMap/`} render={(props) => <HazardLocalEffectsMap {...props} isSynchronised={true} />} />
 						<Route exact path={`${process.env.PUBLIC_URL}/SynchronisedRiskAndImpactMap/`} render={(props) => <RiskAndImpactMap {...props} isSynchronised={true} />} />
 						<Route exact path={`${process.env.PUBLIC_URL}/SynchronisedVulnerabilityMap/`} render={(props) => <VulnerabilityMap {...props} isSynchronised={true} />} />
+						<Route exact path={`${process.env.PUBLIC_URL}/AdaptationOptionsAppraisalMap/`} render={(props) => <RiskAndImpactMap {...props} isSynchronised={true} showAdaptationScenario={true}/>} />
 
 						<Route exact path={process.env.PUBLIC_URL} component={GenericMap} />
 					</Switch>

diff --git a/src/components/GenericMap.js b/src/components/GenericMap.js
@@ -64,6 +64,7 @@ export default class GenericMap extends BasicMap {
 
 		if (this.props.isSynchronised === true) {
 			log.info('rendering two sychronised maps: ' + this.props.isSynchronised);
+
 			return (<>
 				<LeafletMap
 					loading={this.state.loading}
@@ -74,7 +75,8 @@ export default class GenericMap extends BasicMap {
 					exclusiveGroups={this.state.exclusiveGroups}
 					mapId={'synchronisedMapA'}
 					ref={(mapComponent) => (this.mapComponentA = mapComponent)}
-					fly='true'
+					fly={true}
+					showAdaptationScenario={false}
 				/>
 				<LeafletMap
 					loading={this.state.loading}
@@ -85,7 +87,8 @@ export default class GenericMap extends BasicMap {
 					exclusiveGroups={this.state.exclusiveGroups}
 					mapId={'synchronisedMapB'}
 					ref={(mapComponent) => (this.mapComponentB = mapComponent)}
-					fly='false'
+					fly={false}
+					showAdaptationScenario={true}
 				/>
 			</>);
 		} else {

diff --git a/src/components/commons/LeafletMap.js b/src/components/commons/LeafletMap.js
@@ -292,7 +292,14 @@ export default class LeafletMap extends React.Component {
 	getUrl(name) {
 		for (var i = 0; i < this.props.overlays.length; i++) {
 			if (this.props.overlays[i].name === name) {
-				return this.props.overlays[i].url;
+
+				// hacketyhack
+				if(this.props.showAdaptationScenario) {
+					log.debug(`changing URL parameter of layer ${name} to STUDY_VARIANT='ADAPTATION-01'`);
+					return this.props.overlays[i].url.replace("STUDY_VARIANT='BASELINE'","STUDY_VARIANT='ADAPTATION-01'");
+				} else {
+					return this.props.overlays[i].url;
+				}
 			}
 		}
 
@@ -410,7 +417,7 @@ export default class LeafletMap extends React.Component {
 				const identify = true;
 				layerArray.unshift(
 					<WMSLayer
-						key={overlay.name}
+						key={`${overlay.name}_${this.props.showAdaptationScenario}`}
 						layers={this.getLayers(overlay.name)}
 						url={this.getUrl(overlay.name)}
 						transparent="true"