aboutsummaryrefslogtreecommitdiffstats
path: root/example.html
diff options
context:
space:
mode:
Diffstat (limited to 'example.html')
-rw-r--r--example.html29
1 files changed, 11 insertions, 18 deletions
diff --git a/example.html b/example.html
index c3129a3..82bbf23 100644
--- a/example.html
+++ b/example.html
@@ -4,25 +4,18 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Hemsida</title>
- <style>
- body {
- text-align: center;
- padding: 1em;
- max-width: 960px;
- margin: auto;
- font-family: "Helvetica Neue", Arial, "Noto Sans", sans-serif;
- }
- iframe {
- border: 1px solid black;
- }
- </style>
+ <link rel="stylesheet" href="/style2.css" />
</head>
<body>
- <p>En sådan översiktskarta kan visas någonstans på hemsidan. Man
- kan zooma in och ut men det är liten begränsat. Klickar man på
- knappen uppe till höger så öpnar hela kartan i en ny flik. Där kan
- man välja lager, ladda ner kartan som PNG-fil, och få information om
- de olika föremålen.</p>
- <iframe src="/#z=0&basemap=topowebb_nedtonad&layers=svk_lines+svk_pylons+svk_stations+svk_planned+mrr_appr_ec+mrr_appl_ec+mrr_appr_ogd+mrr_appl_ogd+mrr_appr_met+mrr_appl_met+mrr_appr_dl+mrr_appr_pc+vbk_area_current+vbk_station_completed+vbk_station_processed+vbk_station_approved+gigafactories" title="Webbkarta" width=500 height=600></iframe>
+ <div id="wrapper">
+ <div id="desc">
+ <p>En sådan översiktskarta kan visas någonstans på hemsidan. Man
+ kan zooma in och ut men det är liten begränsat. Klickar man på
+ knappen uppe till höger så öpnar hela kartan i en ny flik. Där kan
+ man välja lager, ladda ner kartan som PNG-fil, och få information om
+ de olika föremålen.</p>
+ </div>
+ <iframe id="map" src="/#z=0&basemap=topowebb_nedtonad&layers=svk_lines+svk_pylons+svk_stations+svk_planned+mrr_appr_ec+mrr_appl_ec+mrr_appr_ogd+mrr_appl_ogd+mrr_appr_met+mrr_appl_met+mrr_appr_dl+mrr_appr_pc+vbk_area_current+vbk_station_completed+vbk_station_processed+vbk_station_approved+gigafactories" title="Webbkarta"></iframe>
+ </div>
</body>
</html>