Skip to content

Commit a25c16f

Browse files
GebuzGebuz
authored
Merge pull request #110 from SDFIdk/clusters
Clusters
2 parents 52029e1 + ba2aabc commit a25c16f

23 files changed

+545
-141
lines changed

‎README.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -13,8 +13,8 @@ Før brug skal man oprette en bruger på [Dataforsyningen](https://dataforsyning
1313
1. Opret en bruger på [Dataforsyningen](https://www.dataforsyningen.dk)
1414
2. Log ind på dataforsyningen.dk med din nye bruger, og opret en token.
1515
3. Indsæt `<script>`-tag i `<head>`-tagget på din hjemmeside
16-
- Benyt enten vores CDN: `<script src="https://okapi.dataforsyningen.dk/lib/okapi-1.8.1.min.js"
17-
integrity="sha384-RPLkgOEZCcxhp4lTMZjilUnq/s8ykyNVFLJjkF71Rw7AUZBGseaESO9iAycwVt6p"
16+
- Benyt enten vores CDN: `<script src="https://okapi.dataforsyningen.dk/lib/okapi-1.9.0.min.js"
17+
integrity="sha384-PTMedOH2N55a0FfDQ168NixN7mF+o+T9iNOsExhg/2ef0DIc+7CBAXn8uTinZNcn"
1818
crossorigin="anonymous"></script>`
1919
- Eller hav filen liggende på din egen server: `<script src="/path/to/okapi.min.js"></script>`
2020
4. Indsæt `<div id="map" class="geomap" data-token="...">`-tag, dér hvor du vil have kortet.
@@ -73,22 +73,22 @@ F.eks. i dette tilfælde, hvor vi har bygget okapi ind i filerne `bundled.js` og
7373
### CDN
7474

7575
```html
76-
<script src="https://okapi.dataforsyningen.dk/lib/okapi-1.8.1.min.js"
77-
integrity="sha384-RPLkgOEZCcxhp4lTMZjilUnq/s8ykyNVFLJjkF71Rw7AUZBGseaESO9iAycwVt6p"
76+
<script src="https://okapi.dataforsyningen.dk/lib/okapi-1.9.0.min.js"
77+
integrity="sha384-PTMedOH2N55a0FfDQ168NixN7mF+o+T9iNOsExhg/2ef0DIc+7CBAXn8uTinZNcn"
7878
crossorigin="anonymous"></script>
7979
```
8080

8181
### Lokal kopi
8282

83-
Download filen: `https://okapi.dataforsyningen.dk/lib/okapi-1.8.1.min.js`
83+
Download filen: `https://okapi.dataforsyningen.dk/lib/okapi-1.9.0.min.js`
8484

8585
```html
8686
<script src="/path/to/okapi.js"></script>
8787
```
8888

8989
### CSS
9090

91-
Vores standard styling kan findes her: `https://okapi.dataforsyningen.dk/lib/okapi-1.8.1.min.css`
91+
Vores standard styling kan findes her: `https://okapi.dataforsyningen.dk/lib/okapi-1.9.0.min.css`
9292

9393
## Anvendelse
9494

‎dist/index.js‎

Lines changed: 11 additions & 11 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/index.js.map‎

Lines changed: 4 additions & 4 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎examples/advanced.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@
1111
<link href="./prism.css" rel="stylesheet">
1212
<link href="./example.css" rel="stylesheet">
1313

14-
<link href="../lib/@dataforsyningen/okapi-1.8.1.min.css" rel="stylesheet">
15-
<script src="../lib/@dataforsyningen/okapi-1.8.1.min.js"></script>
14+
<link href="../lib/@dataforsyningen/okapi-1.9.0.min.css" rel="stylesheet">
15+
<script src="../lib/@dataforsyningen/okapi-1.9.0.min.js"></script>
1616

1717
<script type="text/javascript" src="./clipboard.min.js"></script>
1818
<script type="text/javascript" src="./prism.js"></script>
@@ -65,8 +65,8 @@
6565
&lt;meta name="viewport" content="width=device-width,initial-scale=1.0">
6666
&lt;title>Eksempel&lt;/title>
6767

68-
&lt;link href="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.8.1.min.css" rel="stylesheet">
69-
&lt;script src="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.8.1.min.js" integrity="sha384-RPLkgOEZCcxhp4lTMZjilUnq/s8ykyNVFLJjkF71Rw7AUZBGseaESO9iAycwVt6p" crossorigin="anonymous">&lt;/script>
68+
&lt;link href="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.9.0.min.css" rel="stylesheet">
69+
&lt;script src="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.9.0.min.js" integrity="sha384-PTMedOH2N55a0FfDQ168NixN7mF+o+T9iNOsExhg/2ef0DIc+7CBAXn8uTinZNcn" crossorigin="anonymous">&lt;/script>
7070

7171

7272
&lt;/head>

‎examples/clusters.html‎

Lines changed: 217 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,217 @@
1+
2+
<!DOCTYPE html>
3+
<html lang="da" data-theme="light">
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
7+
<title>Clusters</title>
8+
9+
<link rel="shortcut icon" href="./okapi-small.png">
10+
11+
<link href="./prism.css" rel="stylesheet">
12+
<link href="./example.css" rel="stylesheet">
13+
14+
<link href="../lib/@dataforsyningen/okapi-1.9.0.min.css" rel="stylesheet">
15+
<script src="../lib/@dataforsyningen/okapi-1.9.0.min.js"></script>
16+
17+
<script type="text/javascript" src="./clipboard.min.js"></script>
18+
<script type="text/javascript" src="./prism.js"></script>
19+
20+
</head>
21+
<body>
22+
<main>
23+
<span
24+
class="geomarker"
25+
data-type="marker"
26+
data-title="Odense Zoo"
27+
data-description="Vil du vide, hvad der sker på dagen for dit besøg?
28+
Gå til dagsprogram og vælg dato for dit besøg i kalenderen. Så får du en liste over alle de aktiviteter, der sker i haven den dag.
29+
</br>
30+
</br>
31+
32+
<a class='link' href='https://www.odensezoo.dk/besoeg-zoo/program/' target='_blank'>Se dagsprogram</a>
33+
"
34+
data-address="Søndre Boulevard 306, 5000 Odense">
35+
</span>
36+
<span
37+
class="geomarker"
38+
data-type="marker"
39+
data-title="Danmarks Jernbanemuseum"
40+
data-description="På over 10.000 m2 finder du vogne og lokomotiver, busser, færgemodeller, modelbaner, legepladser. Alt i en autentisk jernbanebygning med sport og drejeskiver"
41+
data-lat="55.402909"
42+
data-lon="10.386536">
43+
</span>
44+
<span
45+
class="geomarker"
46+
data-type="marker"
47+
data-title="Den Fynske Landsby"
48+
data-description="På frilandsmuseet Den Fynske Landsby inviteres du indenfor i en fynsk landsby fra H.C. Andersens tid."
49+
data-lat="55.366732"
50+
data-lon="10.385352">
51+
</span>
52+
<span
53+
class="geomarker"
54+
data-type="marker"
55+
data-title="Sortebro Kro"
56+
data-description="Hvis du er fan af god service og velsmagende gourmet oplevelser kombineret med autentiske og ualmindelige charmerende omgivelser, så må du ikke gå glip af Sortebro Kro."
57+
data-lat="55.366961"
58+
data-lon="10.383845">
59+
</span>
60+
61+
<div
62+
id="map"
63+
class="geomap"
64+
data-type=""
65+
data-center="auto"
66+
data-zoom="6"
67+
data-background="dtk_skaermkort_daempet"
68+
data-mylocation="false"
69+
data-fullscreen="false"
70+
data-zoomslider="false"
71+
data-layerswitcher="false"
72+
data-token="fd44f26ab5701c01ca9f570e507fe9ab"
73+
style="height: 400px;">
74+
</div>
75+
76+
<!--
77+
Udskift 'data-token=' med din egen token fra Dataforsyningen.
78+
Hvis ikke du har en token så log ind på ’Min side’ https://www.dataforsyningen.dk/
79+
Opret en token og brug den i din applikation
80+
Token i dette eksempel er midlertidig og udelukkende til test brug.
81+
82+
English
83+
Replace the 'data-token=' with your own token from the Danish map supply.
84+
If you do not have a token please log in to "My page" https://www.dataforsyningen.dk/
85+
Create a token and use it in your application
86+
Token in this example is temporary and solely for test use.
87+
-->
88+
89+
<script>
90+
var maps = new okapi.Initialize({});
91+
</script>
92+
</main>
93+
<aside>
94+
<pre>
95+
<code class="language-markup">
96+
97+
&lt;!DOCTYPE html>
98+
&lt;html lang="da">
99+
&lt;head>
100+
&lt;meta charset="utf-8">
101+
&lt;meta name="viewport" content="width=device-width,initial-scale=1.0">
102+
&lt;title>Eksempel&lt;/title>
103+
104+
&lt;link href="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.9.0.min.css" rel="stylesheet">
105+
&lt;script src="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.9.0.min.js" integrity="sha384-PTMedOH2N55a0FfDQ168NixN7mF+o+T9iNOsExhg/2ef0DIc+7CBAXn8uTinZNcn" crossorigin="anonymous">&lt;/script>
106+
107+
108+
&lt;/head>
109+
&lt;body>
110+
&lt;main>
111+
&lt;span
112+
class="geomarker"
113+
data-type="marker"
114+
data-title="Odense Zoo"
115+
data-description="Vil du vide, hvad der sker på dagen for dit besøg?
116+
Gå til dagsprogram og vælg dato for dit besøg i kalenderen. Så får du en liste over alle de aktiviteter, der sker i haven den dag.
117+
&lt;/br>
118+
&lt;/br>
119+
120+
&lt;a class='link' href='https://www.odensezoo.dk/besoeg-zoo/program/' target='_blank'>Se dagsprogram&lt;/a>
121+
"
122+
data-address="Søndre Boulevard 306, 5000 Odense">
123+
&lt;/span>
124+
&lt;span
125+
class="geomarker"
126+
data-type="marker"
127+
data-title="Danmarks Jernbanemuseum"
128+
data-description="På over 10.000 m2 finder du vogne og lokomotiver, busser, færgemodeller, modelbaner, legepladser. Alt i en autentisk jernbanebygning med sport og drejeskiver"
129+
data-lat="55.402909"
130+
data-lon="10.386536">
131+
&lt;/span>
132+
&lt;span
133+
class="geomarker"
134+
data-type="marker"
135+
data-title="Den Fynske Landsby"
136+
data-description="På frilandsmuseet Den Fynske Landsby inviteres du indenfor i en fynsk landsby fra H.C. Andersens tid."
137+
data-lat="55.366732"
138+
data-lon="10.385352">
139+
&lt;/span>
140+
&lt;span
141+
class="geomarker"
142+
data-type="marker"
143+
data-title="Sortebro Kro"
144+
data-description="Hvis du er fan af god service og velsmagende gourmet oplevelser kombineret med autentiske og ualmindelige charmerende omgivelser, så må du ikke gå glip af Sortebro Kro."
145+
data-lat="55.366961"
146+
data-lon="10.383845">
147+
&lt;/span>
148+
149+
&lt;div
150+
id="map"
151+
class="geomap"
152+
data-type=""
153+
data-center="auto"
154+
data-zoom="6"
155+
data-background="dtk_skaermkort_daempet"
156+
data-mylocation="false"
157+
data-fullscreen="false"
158+
data-zoomslider="false"
159+
data-layerswitcher="false"
160+
data-token="InsertYourTokenHere"
161+
style="height: 400px;">
162+
&lt;/div>
163+
164+
&lt;!--
165+
Udskift 'data-token=' med din egen token fra Dataforsyningen.
166+
Hvis ikke du har en token så log ind på ’Min side’ https://www.dataforsyningen.dk/
167+
Opret en token og brug den i din applikation
168+
Token i dette eksempel er midlertidig og udelukkende til test brug.
169+
170+
English
171+
Replace the 'data-token=' with your own token from the Danish map supply.
172+
If you do not have a token please log in to "My page" https://www.dataforsyningen.dk/
173+
Create a token and use it in your application
174+
Token in this example is temporary and solely for test use.
175+
-->
176+
177+
&lt;script>
178+
var maps = new okapi.Initialize({});
179+
&lt;/script>
180+
&lt;/main>
181+
&lt;/body>
182+
&lt;/html>
183+
184+
</code>
185+
</pre>
186+
<script>
187+
(function(){
188+
Prism.plugins.toolbar.registerButton('copy-to-clipboard', function (env) {
189+
var linkCopy = document.createElement('a');
190+
linkCopy.textContent = ' Copy';
191+
192+
if (!ClipboardJS) {
193+
callbacks.push(registerClipboard);
194+
} else {
195+
registerClipboard();
196+
}
197+
198+
return linkCopy;
199+
200+
function registerClipboard() {
201+
var clip = new ClipboardJS(linkCopy, {
202+
'text': function () {
203+
return env.code;
204+
}
205+
});
206+
207+
208+
clip.on('success', function() {
209+
linkCopy.textContent = ' Copied!';
210+
});
211+
}
212+
});
213+
})();
214+
</script>
215+
</aside>
216+
</body>
217+
</html>

‎examples/custom-click.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@
1111
<link href="./prism.css" rel="stylesheet">
1212
<link href="./example.css" rel="stylesheet">
1313

14-
<link href="../lib/@dataforsyningen/okapi-1.8.1.min.css" rel="stylesheet">
15-
<script src="../lib/@dataforsyningen/okapi-1.8.1.min.js"></script>
14+
<link href="../lib/@dataforsyningen/okapi-1.9.0.min.css" rel="stylesheet">
15+
<script src="../lib/@dataforsyningen/okapi-1.9.0.min.js"></script>
1616

1717
<script type="text/javascript" src="./clipboard.min.js"></script>
1818
<script type="text/javascript" src="./prism.js"></script>
@@ -67,8 +67,8 @@
6767
&lt;meta name="viewport" content="width=device-width,initial-scale=1.0">
6868
&lt;title>Eksempel&lt;/title>
6969

70-
&lt;link href="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.8.1.min.css" rel="stylesheet">
71-
&lt;script src="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.8.1.min.js" integrity="sha384-RPLkgOEZCcxhp4lTMZjilUnq/s8ykyNVFLJjkF71Rw7AUZBGseaESO9iAycwVt6p" crossorigin="anonymous">&lt;/script>
70+
&lt;link href="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.9.0.min.css" rel="stylesheet">
71+
&lt;script src="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.9.0.min.js" integrity="sha384-PTMedOH2N55a0FfDQ168NixN7mF+o+T9iNOsExhg/2ef0DIc+7CBAXn8uTinZNcn" crossorigin="anonymous">&lt;/script>
7272

7373

7474
&lt;/head>

‎examples/datafordeler.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@
1111
<link href="./prism.css" rel="stylesheet">
1212
<link href="./example.css" rel="stylesheet">
1313

14-
<link href="../lib/@dataforsyningen/okapi-1.8.1.min.css" rel="stylesheet">
15-
<script src="../lib/@dataforsyningen/okapi-1.8.1.min.js"></script>
14+
<link href="../lib/@dataforsyningen/okapi-1.9.0.min.css" rel="stylesheet">
15+
<script src="../lib/@dataforsyningen/okapi-1.9.0.min.js"></script>
1616

1717
<script type="text/javascript" src="./clipboard.min.js"></script>
1818
<script type="text/javascript" src="./prism.js"></script>
@@ -57,8 +57,8 @@
5757
&lt;meta name="viewport" content="width=device-width,initial-scale=1.0">
5858
&lt;title>Eksempel&lt;/title>
5959

60-
&lt;link href="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.8.1.min.css" rel="stylesheet">
61-
&lt;script src="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.8.1.min.js" integrity="sha384-RPLkgOEZCcxhp4lTMZjilUnq/s8ykyNVFLJjkF71Rw7AUZBGseaESO9iAycwVt6p" crossorigin="anonymous">&lt;/script>
60+
&lt;link href="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.9.0.min.css" rel="stylesheet">
61+
&lt;script src="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.9.0.min.js" integrity="sha384-PTMedOH2N55a0FfDQ168NixN7mF+o+T9iNOsExhg/2ef0DIc+7CBAXn8uTinZNcn" crossorigin="anonymous">&lt;/script>
6262

6363

6464
&lt;/head>

‎examples/double.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@
1111
<link href="./prism.css" rel="stylesheet">
1212
<link href="./example.css" rel="stylesheet">
1313

14-
<link href="../lib/@dataforsyningen/okapi-1.8.1.min.css" rel="stylesheet">
15-
<script src="../lib/@dataforsyningen/okapi-1.8.1.min.js"></script>
14+
<link href="../lib/@dataforsyningen/okapi-1.9.0.min.css" rel="stylesheet">
15+
<script src="../lib/@dataforsyningen/okapi-1.9.0.min.js"></script>
1616

1717
<script type="text/javascript" src="./clipboard.min.js"></script>
1818
<script type="text/javascript" src="./prism.js"></script>
@@ -109,8 +109,8 @@
109109
&lt;meta name="viewport" content="width=device-width,initial-scale=1.0">
110110
&lt;title>Eksempel&lt;/title>
111111

112-
&lt;link href="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.8.1.min.css" rel="stylesheet">
113-
&lt;script src="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.8.1.min.js" integrity="sha384-RPLkgOEZCcxhp4lTMZjilUnq/s8ykyNVFLJjkF71Rw7AUZBGseaESO9iAycwVt6p" crossorigin="anonymous">&lt;/script>
112+
&lt;link href="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.9.0.min.css" rel="stylesheet">
113+
&lt;script src="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.9.0.min.js" integrity="sha384-PTMedOH2N55a0FfDQ168NixN7mF+o+T9iNOsExhg/2ef0DIc+7CBAXn8uTinZNcn" crossorigin="anonymous">&lt;/script>
114114

115115

116116
&lt;/head>

‎examples/markers-advanced.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@
1111
<link href="./prism.css" rel="stylesheet">
1212
<link href="./example.css" rel="stylesheet">
1313

14-
<link href="../lib/@dataforsyningen/okapi-1.8.1.min.css" rel="stylesheet">
15-
<script src="../lib/@dataforsyningen/okapi-1.8.1.min.js"></script>
14+
<link href="../lib/@dataforsyningen/okapi-1.9.0.min.css" rel="stylesheet">
15+
<script src="../lib/@dataforsyningen/okapi-1.9.0.min.js"></script>
1616

1717
<script type="text/javascript" src="./clipboard.min.js"></script>
1818
<script type="text/javascript" src="./prism.js"></script>
@@ -122,8 +122,8 @@
122122
&lt;meta name="viewport" content="width=device-width,initial-scale=1.0">
123123
&lt;title>Eksempel&lt;/title>
124124

125-
&lt;link href="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.8.1.min.css" rel="stylesheet">
126-
&lt;script src="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.8.1.min.js" integrity="sha384-RPLkgOEZCcxhp4lTMZjilUnq/s8ykyNVFLJjkF71Rw7AUZBGseaESO9iAycwVt6p" crossorigin="anonymous">&lt;/script>
125+
&lt;link href="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.9.0.min.css" rel="stylesheet">
126+
&lt;script src="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.9.0.min.js" integrity="sha384-PTMedOH2N55a0FfDQ168NixN7mF+o+T9iNOsExhg/2ef0DIc+7CBAXn8uTinZNcn" crossorigin="anonymous">&lt;/script>
127127

128128

129129
&lt;/head>

‎examples/markers-simple.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@
1111
<link href="./prism.css" rel="stylesheet">
1212
<link href="./example.css" rel="stylesheet">
1313

14-
<link href="../lib/@dataforsyningen/okapi-1.8.1.min.css" rel="stylesheet">
15-
<script src="../lib/@dataforsyningen/okapi-1.8.1.min.js"></script>
14+
<link href="../lib/@dataforsyningen/okapi-1.9.0.min.css" rel="stylesheet">
15+
<script src="../lib/@dataforsyningen/okapi-1.9.0.min.js"></script>
1616

1717
<script type="text/javascript" src="./clipboard.min.js"></script>
1818
<script type="text/javascript" src="./prism.js"></script>
@@ -63,8 +63,8 @@
6363
&lt;meta name="viewport" content="width=device-width,initial-scale=1.0">
6464
&lt;title>Eksempel&lt;/title>
6565

66-
&lt;link href="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.8.1.min.css" rel="stylesheet">
67-
&lt;script src="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.8.1.min.js" integrity="sha384-RPLkgOEZCcxhp4lTMZjilUnq/s8ykyNVFLJjkF71Rw7AUZBGseaESO9iAycwVt6p" crossorigin="anonymous">&lt;/script>
66+
&lt;link href="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.9.0.min.css" rel="stylesheet">
67+
&lt;script src="https://okapi.dataforsyningen.dk/lib/@dataforsyningen/okapi-1.9.0.min.js" integrity="sha384-PTMedOH2N55a0FfDQ168NixN7mF+o+T9iNOsExhg/2ef0DIc+7CBAXn8uTinZNcn" crossorigin="anonymous">&lt;/script>
6868

6969

7070
&lt;/head>

0 commit comments

Comments
 (0)