diff --git a/src/components/Map1.tsx b/src/components/Map1.tsx index bc8364db47a7b9aa456cdf39a064521ca4b09421..1695a3a393c326d3a45a5aa829de4500d42c1ea1 100644 --- a/src/components/Map1.tsx +++ b/src/components/Map1.tsx @@ -3,7 +3,7 @@ import InnerHTML from 'dangerously-set-html-content' export function Map1(){ const htmlFile = `<div style="min-height: 374px"> - <script type="text/javascript" defer src="assets/mapscript.js" charset="utf-8"> + <script type="text/javascript" defer src="src/statics/mapscript.js" charset="utf-8"> </script> <noscript> <img src="https://static.igem.wiki/teams/5247/charts-maps/map1-full.png" alt="" /> @@ -15,7 +15,7 @@ return( } -export function Map2(){ +/* export function Map2(){ const htmlFile = `<div style="min-height: 374px"> <script type="text/javascript" defer src="src/utils/mapscript.js" charset="utf-8"> </script> @@ -26,17 +26,15 @@ export function Map2(){ return( <div dangerouslySetInnerHTML={{ __html: htmlFile }} /> ) -} +} */ /* min-height: "374px" */ -import { renderDatawrapper } from './seclarations' +/* import { renderDatawrapper } from './seclarations' export function Map4(){ console.log("Map 4 startet") - /* window.addEventListener('DOMContentLoaded', () => { - renderDatawrapper(); - }); */ + renderDatawrapper(); return( <> @@ -51,7 +49,7 @@ import { renderDatawrapper } from './seclarations' <div className="container container-bodyCenter datawrapper-llngz-cca7ux"> <div slot="visBody" id="chart" className="dw-chart-body vis-height-fixed datawrapper-llngz-1omm849 svelte-9ysojt"> <div className="dw-chart-body-content svelte-9ysojt datawrapper-llngz-mbp9a6" aria-hidden="false"> - {/* hier funktioniert alles... */} + <div className="map-key export-rect map-key-mt"> <div className="color-legend continuous horizontal dir-ltr datawrapper-llngz-1j8h2cc datawrapper-llngz-1tjke6r datawrapper-llngz-zuu2r2" role="graphics-legend" aria-label="Continuous color legend, ranging from 0 to 2,542." style={{width: "170px", height: "auto"}}> <svg width="170.5" height="28.483322143554688"> @@ -97,8 +95,7 @@ import { renderDatawrapper } from './seclarations' </svg> </div> </div> - {/* ...bis hier */} - {/* MAP BEGIN */} + <div className="map-outer"> <canvas width="2235.34" height="1006" style={{width: "1117.67px", height: "503px"}}></canvas> <svg className="svg-main world-2019" style={{width: "100%", overflow: "hidden", position: "relative"}} width="1117.67" height="503"> @@ -109,7 +106,7 @@ import { renderDatawrapper } from './seclarations' </svg> <div className="annotations"></div> </div> - {/* MAP END */} + <div className="dw-tooltip" style={{maxHeight: "220px", overflowY: "auto"}}></div> </div> </div> @@ -127,3 +124,4 @@ import { renderDatawrapper } from './seclarations' } + */ \ No newline at end of file diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx index fab7242d5d784d7ea9c0f56e6306fb97e410fb51..604f6ab38fd7b7935429a63cef7ac0b419c0b583 100644 --- a/src/contents/Home.tsx +++ b/src/contents/Home.tsx @@ -11,7 +11,7 @@ export function Home() { <hr/> <Map1/> <hr /> - Hello33 + Hello34 </div> </div> <div className="row">