Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
Karlsruhe_Map.html 1.69 KiB
Open in Web IDE
1 
/* *@version: 01.12.2023 *@author: Leilani Riehmann * */
2
3 
<!DOCTYPE html>
4 
<html lang="en">
5 
  <head>
6 
    <meta charset="UTF-8" />
7 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8 
    <title>Choropleth Map</title>
9 
    <link rel="icon" href="data:;base64,iVBORw0KGgo=" />
10
11 
    <link
12 
      rel="stylesheet"
13 
      href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
14 
      integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
15 
      crossorigin=""
16 
    />
17
18 
    <style>
19 
      body {
20 
        margin: 0;
21 
        padding: 0;
22 
      }
23 
      #map {
24 
        position: absolute;
25 
        top: 0;
26 
        bottom: 0;
27 
        width: 100%;
28 
      }
29
30 
      .info.legend {
31 
        padding: 5px;
32 
        background: white;
33 
        border: 1px solid #ccc;
34 
        border-radius: 5px;
35 
        display: flex;
36 
        flex-direction: column;
37 
      }
38 
      .info.legend i {
39 
        width: 18px;
40 
        height: 18px;
41 
        margin-bottom: 4px;
42 
        opacity: 0.7;
43 
      }
44 
      .info {
45 
        padding: 6px 8px;
46 
        font: 14px/16px Arial, Helvetica, sans-serif;
47 
        background: white;
48 
        background: rgba(255, 255, 255, 0.8);
49 
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
50 
        border-radius: 5px;
51 
      }
52 
      .info h4 {
53 
        margin: 0 0 5px;
54 
        color: #777;
55 
      }
56 
    </style>
57 
  </head>
58 
  <body>
59 
    <div id="map" style="height: 100vh;"></div>
60 
    <canvas id="myChart"></canvas>
61 
    <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
62 
    <script src="https://d3js.org/d3.v5.min.js"></script>
63 
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
64 
    <script src="KarlsruheMap.js"></script>
65 
  </body>
66 
</html>
67

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal