diff --git a/src/components/manage/Blocks/SiteLocationMap/View.jsx b/src/components/manage/Blocks/SiteLocationMap/View.jsx index 629d04f..7a095ae 100644 --- a/src/components/manage/Blocks/SiteLocationMap/View.jsx +++ b/src/components/manage/Blocks/SiteLocationMap/View.jsx @@ -10,12 +10,26 @@ import { getSiteLocationURL } from './index'; import qs from 'querystring'; import './style.css'; +// SVGs +import mapPlaceholder from '~/components/manage/Blocks/DiscodataOpenlayersMapBlock/map_placeholder.png'; +// Privacy Protection VOLTO +import PrivacyProtection from '~/components/manage/Blocks/DiscodataOpenlayersMapBlock/PrivacyProtection'; + const View = (props) => { const [options, setOptions] = React.useState({}); const [vectorSource, setVectorSource] = useState(null); const { format, proj, source, style } = openlayers; const { siteInspireId } = { ...props.query, ...props.discodata_query }; + const dataprotection = { + enabled: true, + privacy_statement: + 'This map is hosted by a third party [Environmental Systems Research Institute, INC: "ESRI"]. By showing th external content you accept the terms and conditions of www.esri.com. This includes their cookie policies, which e have no control over.', + privacy_cookie_key: 'site-location-map', + placeholder_image: mapPlaceholder, + type: props.data.privacy?.value || 'big', + }; + React.useState(() => { if (__SERVER__) return; const vs = vectorSource || new source.Vector(); @@ -54,47 +68,56 @@ const View = (props) => { return (