forked from Geonovum/pdokkaart
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhelp.html
205 lines (204 loc) · 14.7 KB
/
help.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>PDOK Kaartwizard</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="css/rijkshuisstijl/screen.css" type="text/css" media="screen" />
<!--[if IE 8]><link rel="stylesheet" href="css/rijkshuisstijl/ie/ie8.css" type="text/css" media="screen" /><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="css/rijkshuisstijl/ie/ie7.css" type="text/css" media="screen" /><![endif]-->
<!--[if lte IE 6]><link rel="stylesheet" href="css/rijkshuisstijl/ie/ie6.css" type="text/css" media="screen" /><![endif]-->
<link rel="stylesheet" href="css/rijkshuisstijl/print.css" type="text/css" media="print" />
<link rel="stylesheet" href="css/rijkshuisstijl/toevoeging.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/rijkshuisstijl/iconids.css" type="text/css" media="screen" />
<style>
#content{
padding:20px;
}
.header .branding img {
float: left;
margin-bottom: 15px;
margin-left: 24px;
margin-right: 0;
margin-top: 26px;
}
</style>
</head>
<body>
<div class="container equalize page orange default">
<div class="header">
<span></span>
<div class="branding">
<img alt="PDOK" src="img/PDOK-logo.png" />
<h1 class="invisible">PDOK Kaart Wizard</h1>
</div>
<div class="nav_bar">
<ul class="nav_main">
<li>
<a href="http://drupal.pdokloket.nl">Home</a>
</li>
<li>
<a href="./index.html">PDOK Wizard</a>
</li>
<li class="sel ">
<a class="active" href="#">Help</a>
</li>
</ul>
</div>
</div>
<div class="content_wrapper1">
<div class="content_wrapper2">
<div id="content">
<a name="zoek" id="zoek"></a>
<H2>Zoek een locatie</H2>
<p>
Voordat u een kaart voor uw website gaat maken, zult u eerst naar de plaats op de kaart willen gaan waarvoor u de kaart wilt maken. Dit kan door direct in de kaart in– en uit te zoomen met behulp van de knop <img src="./img/help/image1.png"> en de kaart naar de gewenste plaats te verschuiven. Om de kaart te schuiven, dient u in de kaart te klikken, de linkermuisknop ingedrukt te houden en met de muis te bewegen.
Een snellere manier om naar de gewenste plek te gaan, is door het invoeren van een adres, postcode of plaatsnaam in het zoekschermpje.<BR>
<img src="./img/help/image2.png"><BR>
De kaart zoomt direct naar de opgegeven locatie. Wanneer er meerdere resultaten zijn gevonden, wordt een keuzelijstje geopend:<BR>
<img src="./img/help/image3.png"><BR>
Door op één van zoekresultaten te klikken, zoomt de kaart in op de locatie.<BR>
<BR>
<HR>
</p>
<a name="help1" id="help1"></a><BR>
<BR>
<H2>Stap 1: De Kaart</H2>
Kies de grootte van de kaart<BR>
<img src="./img/help/image4.png"><BR>
In stap 1 kunt u instellen hoe groot u uw kaart wilt hebben. U kunt kiezen tussen de formaten klein (300*250 pixels), middel (400*350 pixels) en groot (550*440 pixels). Het kaartbeeld aan de rechterzijde wordt direct aangepast aan uw keuze. Het voorbeeldkaartje aan de rechterzijde komt hiermee exact overeen met het eindresultaat.<BR>
De “Toon knop kaartlagen” staat standaard aan en heeft betrekking op het wel of niet beschikbaar zijn van de knop aan de rechterkant van de kaart <img src="./img/help/image5.png">. Met deze knop is het mogelijk om eventuele extra kaartlagen aan of uit te zetten.<br/><img src="./img/help/image6.png"><BR>
Voor het toevoegen van extra kaartlagen zie optie “extra kaartlaag toevoegen”.<BR>
<BR>
<HR>
<a name="help2" id="help2"></a>
<H2>Stap 2: Voeg markers toe</H2>
In stap 2 kunt u één of meerdere markers toevoegen. Met een marker wordt bedoeld een punt, een lijn of een vlak. In stap 2 is het ook mogelijk om de markers te wijzigen of te verwijderen. De markers kunnen ook uit een bestand worden ingelezen. Het aantal markers dat toegevoegd kan worden, is onbeperkt.<BR>
<img src="./img/help/image7.png"><BR>
Voeg een marker toe via de kaart<BR>
Door de eerste optie aan te vinken, wordt een lijst geopend met markers. Bovenaan de lijst staan de markers voor het prikken van punten, middenin de lijst de markers voor het trekken van de lijnen en onderaan de markers voor het intekenen van de vlakken. Na het selecteren van een marker voor een puntsymbool kan de gewenste positie van de marker in de kaart worden geprikt (voor een punt) of getekend (voor een lijn of een vlak). Het afsluiten van een vlak of een lijn gebeurt met een dubbele muisklik. Nadat de marker is aangebracht kan deze voorzien worden van een titel en een omschrijving in het tekstvak dat geopend is. In de tekst kunnen ook URL links worden opgenomen bijvoorbeeld < a href = "http://www.theaterdemusketon.nl">Theater de Musketon< /a >
<BR>
<img src="./img/help/image8.png"><BR>
De tekst kan bewaard worden met de knop “Opslaan tekst”. De tekst kan achteraf nog gewijzigd worden bij de functie “wijzig een marker op de kaart.”
Indien gewenst kan de marker direct verwijderd worden met de knop “Verwijderen marker”.<BR>
<BR>
Wijzig een marker op de kaart<BR>
Door de optie “wijzig een marker op de kaart” aan te vinken kunnen bestaande markers verplaatst of verwijderd worden. Dit kan door na het aanvinken van de optie “wijzig een marker op de kaart” de marker (punt, lijn of vlak) in de kaart te selecteren. De geometrie van de marker kan vervolgens worden aangepast. Ook kunnen de titel en de omschrijving van de marker aangepast worden. De tekstwijzigingen worden opgeslagen met de knop “Opslaan tekst”.<BR>
Naast het wijzigen van de marker kan deze ook verwijderd worden met de knop “Verwijderen marker”.<BR>
<BR>
Marker uit URL, bestand of tekst<BR>
Door de optie “Marker uit URL, bestand of tekst” aan te vinken kunnen markers ingelezen worden die volgens een bepaalde standaard zijn gedefinieerd. Er worden twee standaarden ondersteund:<BR>
<UL>
<LI>KML
<LI>TXT = Y-X Bestand
</UL>
<BR>
KML<BR>
Voor meer informatie over het KML formaat zie <a href="https://developers.google.com/kml/documentation/" target="_blank">deze website</a>.<BR>
<BR>
TXT<BR>
Het gaat hierbij om een YX-tekstbestand met coördinaten in RD. Het scheidingsteken is een tab (hieronder aangeduid als <tab>. Let op: vooralsnog moet eerst de Y worden vermeld en dan de X!! Dit wordt in een later stadium aangepast.<BR>
<BR>
In geval van RD is de volgende input vereist (inclusief koptekst):<BR>
point title description<BR>
517000 117960 tekst1 omschrijving1<BR>
517200 117200 tekst2 omschrijving2<BR>
<BR>
Let op, in de hierbovenstaande tabel moeten de gegevens door een TAB-gescheiden worden!<BR>
<BR>
Via URL<BR>
<img src="./img/help/image9.png"><BR>
Kies het type definitie (KML of TXT) en geef de URL waar het bestand met markerdefinities zich bevindt. Klik daarna op "Haal op ". De markers die in het bestand zijn gedefinieerd worden direct op de kaart ingetekend.<BR>
<BR>
Via Copy/Paste<BR>
<BR>
Indien de markerdefinities zich in een bestand bevinden dat niet via een URL kan worden benaderd dan kunnen de markerdefinities handmatig via copy/paste aan de kaart worden toegevoegd.<BR>
<BR>
Kies allereerst het type definitie (KML of TXT). Kopieer de markerdefinities uit het bronbestand naar de markerdefinities in de tekstbox.<BR>
De markerdefinities kunnen uiteraard ook met de hand worden ingevoerd en daarnaast kunnen de gekopieerde markerdefinities worden aangepast voordat ze in de kaart worden opgenomen.
Kies “Opslaan om de markers aan de kaart toe te voegen. De markers worden direct op de kaart ingetekend.<BR>
<img src="./img/help/image10.png"><BR>
<BR>
Voorbeeld van tekst die hierin kan worden gekopieerd (scheidingsteken is een tab):<BR>
point title description<BR>
517000,117960 tekst1 omschrijving1<BR>
518000,117200 tekst2 omschrijving2<BR>
<BR>
Na in het toevoegen kunnen de markers met ‘Wijzig een marker op de kaart’ worden aangepast of verwijderd.<BR>
<BR>
<HR>
<a name="help5" id="help5"></a>
<H2>Stap 3: Genereer code</H2>
Wanneer deze stap gekozen wordt dan wordt code gegenereerd voor:<BR>
1. een URL link<BR>
2. een iFrame,<BR>
3. een Object tag<BR>
4. HTML en JavaScript code voor in de head en body sectie van een HTML pagina<BR>
<BR>
Naar wens kan één van de vier gegenereerde opties gebruikt worden. Functioneel leveren zij alle hetzelfde resultaat. Aan de eerste drie opties zit echter wel een beperking. Deze kunnen niet gebruikt worden wanneer de lengte van de URL link de maximum toegestane lengte van een URL in de gebruikte browser overschrijdt. De lengte is verschillend per type browser. Wanneer de lengte van de URL langer is dan 2000 karakters dan wordt dat door PDOK Kaart gemeld. De lengte van de URL wordt bepaald door het aantal markers, de grootte van de titel en omschrijving van de markers en het aantal kaartlagen.<BR>
<BR>
URL link<BR>
De gegenereerde URL link kan direct in het navigatieveld van een willekeurige browser worden gekopieerd. Daarnaast kan de link direct per e-mail verstuurd worden. Kies hiervoor het mail icoontje <img src="./img/help/image11.png">. Er wordt een nieuw e-mail bericht aangemaakt met in de body de URL link. Pas de e-mail aan en verstuur deze. De ontvangers kunnen op de URL link klikken waarna de gedefinieerde PDOK Kaart wordt getoond. Bij de URL link wordt de kaart altijd beeldvullend getoond.<BR>
<BR>
iFrame of Object tag<BR>
Kopieer, afhankelijk van de wens of er gebruik gemaakt moet worden van een iFrame of een HTML object, de gegeneerde code en plak deze in het HTML document waar de kaart moet worden opgenomen. De grootte van de getoonde kaart is afhankelijk van de keuze die gemaakt is in stap 1.<BR>
<BR>
HTML en JavaScript<BR>
De HTML en JavaScript optie kan als basis gebruikt worden door meer geavanceerde gebruikers om de getoonde kaart naar de eigen behoefte aan te passen. De gegenereerde code van de Head en de Body sectie van een HTML pagina worden gegenereerd. Deze code dient in de betreffende sectie te worden gekopieerd. Bij deze optie wordt geen rekening gehouden met de keuze die gemaakt is in Stap 1: Kies de grootte van de kaart. Men dient zelf maatregelen te nemen om de kaart grootte naar eigen wens weer te geven.<BR>
<BR>
<HR>
<a name="help3" id="help3"></a>
<H2>Optie: Extra Kaartlaag toevoegen</H2>
Met deze extra optie kunnen er voorgedefinieerde PDOK kaartlagen of andere WMS of WMTS kaartlagen toegevoegd worden aan de kaart.<BR>
De kaartlagen worden op elkaar gelegd in de volgorde waarin zij toegevoegd worden. De eventueel toegevoegde markers liggen altijd bovenop de bovenste kaartlaag en zijn dus altijd zichtbaar.<BR>
<BR>
Het aantal kaartlagen dat toegevoegd kan worden is onbeperkt (alleen voor optie 4 van “genereer code”).<BR>
De volgorde van de kaartlagen is niet te wijzigen en een individuele kaartlaag is niet te verwijderen. Met de optie ‘Verwijder alle lagen” kunnen echter wel alle kaartlagen, behalve de achtergrond kaart en de markers, verwijderd worden.<BR>
<BR>
Voeg een standaard kaartlaag toe<BR>
<img src="./img/help/image12.png"><BR>
Met deze optie kunnen voorgedefinieerde PDOK kaartlagen worden toegevoegd. Selecteer een kaart uit de lijst en kies “Voeg toe aan kaart”. De geselecteerde kaart wordt aan de kaart toegevoegd en het resultaat is direct zichtbaar. Let wel dat bepaalde PDOK kaartlagen niet op alle schaalniveaus zichtbaar zijn.<BR>
<BR>
Voeg een WMS kaartlaag toe<BR>
<img src="./img/help/image13.png"><BR>
Met deze geavanceerde optie kunnen eigen WMS kaarten worden toegevoegd. Typ de URL van de WMS webservice in het veld “URL van de WMS” en één of meerdere kaartlagen, gescheiden door een komma, in het veld “Kaartlagen van de WMS”.<BR>
Kies daarna voor “Voeg toe aan kaart” om de kaartlagen toe te voegen aan de kaart.
Om deze optie succesvol te kunnen gebruiken dient men kennis te hebben van WMS webservices.<BR>
Voeg een WMTS kaartlaag toe<BR>
<img src="./img/help/image14.png"><BR>
Met deze geavanceerde optie kunnen eigen WMTS kaarten worden toegevoegd. Typ de URL van de WMTS webservice in het veld “URL van de WMTS”, de naam van de kaartlaag in het veld “Kaartlaag van de WMTS” en de naam van de matrix set in het veld “Matrixset van de WMTS”.
Kies daarna voor “Voeg toe aan kaart” om de kaartlaag toe te voegen aan de kaart.<BR>
Om deze optie succesvol te kunnen gebruiken dient men kennis te hebben van WMTS webservices.<BR>
<BR>
Verwijder alle lagen<BR>
Met deze optie worden alle toegevoegde kaartlagen verwijderd.<BR>
<BR>
Noot:<BR>
Sommige kaarten zijn niet op elk zoomniveau beschikbaar. Vaak moet er ingezoomd worden voordat de kaart getoond wordt. Het kan dus voorkomen dat het lijkt alsof een kaart niet toegevoegd is. Om na te gaan welke kaartlagen er voorkomen kan gebruikt worden gemaakt van de kaartlagenknop<BR>
<img src="./img/help/image15.png"><BR> die zich rechts bovenin de kaart bevindt (tenminste als deze in stap 1: Toon kaartlagen knop niet uitgevinkt is).<BR>
Kies deze knop en de aanwezige kaartlagen worden getoond.<BR>
<BR>
<HR>
<a name="help4" id="help4"></a>
<H2>Optie: Kaartprikker functionaliteit toevoegen</H2><BR>
Met de geavanceerde kaartprikker functionaliteit heeft u de mogelijkheid om bezoekers van uw website, waarin u een PDOK Kaart hebt opgenomen, de mogelijkheid te geven een marker op de kaart te zetten (prikken). Deze marker kan een punt, lijn of vlak zijn. Tevens kunt u aangeven tussen welke zoomniveaus de bezoeker mag prikken.<BR>
<BR>
Selecteer een teken object<BR>
<img src="./img/help/image16.png"><BR>
Geef aan welke geometrie uw bezoeker gaat gebruiken voor het intekenen van een marker en geef daarna aan waar de gegevens van de getekende geometrie in de HTML pagina moet worden 'opgeslagen' zodat deze voor u beschikbaar is voor verdere verwerking.<BR>
<img src="./img/help/image17.png"><BR>
Voor een punt(xy) dienen de namen van de attributen voor de waarde van de x en de y coördinaat te worden opgegeven.<BR>
<img src="./img/help/image18.png"><BR>
Voor een punt(wkt), lijn(wkt) en een vlak(wkt) dient u de naam van het attribuut op te geven waarin de wkt informatie wordt opgeslagen. Voor meer informatie over het wkt formaat zie http://en.wikipedia.org/wiki/Well-known_text<BR>
<img src="./img/help/image19.png"><BR>
<BR>
U kunt aangeven tussen welke zoomniveaus een bezoeker van uw website de marker in de kaart mag tekenen.<BR>
<BR>
Om de kaartprikker optie succesvol te kunnen gebruiken dient men (basale) programmeerkennis te hebben.<BR>
<BR>
<HR>
</div>
</div>
</div>
</div>
</body>
</html>