-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathexample1-2.html
More file actions
273 lines (205 loc) · 13.1 KB
/
example1-2.html
File metadata and controls
273 lines (205 loc) · 13.1 KB
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
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
<!DOCTYPE html>
<html lang="ar" data-content_root="../">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Example 1.2 — MapServer 8.6.2 documentation</title>
<link rel="stylesheet" type="text/css" href="../_static/pygments.css?v=03e43079" />
<link rel="stylesheet" type="text/css" href="../_static/sphinx.css?v=48f05237" />
<link rel="stylesheet" type="text/css" href="../_static/copybutton.css?v=76b2166b" />
<link rel="stylesheet" type="text/css" href="../_static/sphinx_collapse.css?v=226d88b4" />
<link rel="stylesheet" type="text/css" href="../_static/custom.css?v=dd298242" />
<link rel="stylesheet" type="text/css" href="../_static/ribbon.css?v=ea091bf4" />
<script src="../_static/jquery.js?v=5d32c60e"></script>
<script src="../_static/_sphinx_javascript_frameworks_compat.js?v=2cd50e6c"></script>
<script src="../_static/documentation_options.js?v=7eca00c6"></script>
<script src="../_static/doctools.js?v=fd6eb6e6"></script>
<script src="../_static/sphinx_highlight.js?v=6ffebe34"></script>
<script src="../_static/clipboard.min.js?v=a7894cd8"></script>
<script src="../_static/copybutton.js?v=f281be69"></script>
<script src="../_static/translations.js?v=87cb2081"></script>
<link rel="icon" href="../_static/mapserver.ico"/>
<link rel="author" title="About these documents" href="../about.html" />
<link rel="index" title="Index" href="../genindex.html" />
<link rel="search" title="بحث" href="../search.html" />
<link rel="copyright" title="الحقوق" href="../copyright.html" />
</head><body>
<!-- for main branch only, do not backport this -->
<table width="100%" style="width: 100%; background-color: white;">
<tr>
<td rowspan="2" style="padding: 10px 0px 10px 10px;">
<a href="../index.html" title="Home"><img src="../_static/banner.png" alt="MapServer banner" border="0" /></a>
</td>
<td style="padding: 10px 10px 0px 0px; text-align: right; vertical-align: top;">
<a href="../index.html" title="Home">Home</a> |
<a href="../products.html" title="Products (MapServer core, MapCache, TinyOWS">Products</a> |
<a href="https://github.com/mapserver/mapserver/issues/" title="Issue Tracker (MapServer core)">Issue Tracker</a> |
<a href="../community/service_providers.html" title="Professional Service Providers">Service Providers</a> |
<a href="../faq.html" title="Frequently Asked Questions">FAQ</a> |
<a href="https://fosstodon.org/@mapserver" title="Mastodon" target="_blank">Mastodon</a> |
<a href="../download.html" title="Download Source or Binaries">Download </a> |
<a class="badge" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=KRJ2X44N3HA6U&source=url" target="_blank">
<img src="https://img.shields.io/badge/donate-%E2%9D%A4%C2%A0-ff69b4.svg?style=flat" alt="Donate to MapServer">
</a>
</td>
</tr>
<tr>
<td style="padding: 0px 10px 0px 0px; text-align: right; vertical-align: bottom;">
<a href="../../tutorial/example1-2.html"><img src="../_static/flagicons/en.png" alt="en" title="en" border="0" /></a>
<img src="../_static/flagicons/ar.png" alt="ar" title="ar" border="0" width="18px" height="13px"/>
<a href="../../de/tutorial/example1-2.html"><img src="../_static/flagicons/de.png" alt="de" title="de" border="0" /></a>
<a href="../../el/tutorial/example1-2.html"><img src="../_static/flagicons/el.png" alt="el" title="el" border="0" /></a>
<a href="../../es/tutorial/example1-2.html"><img src="../_static/flagicons/es.png" alt="es" title="es" border="0" /></a>
<a href="../../fr/tutorial/example1-2.html"><img src="../_static/flagicons/fr.png" alt="fr" title="fr" border="0" /></a>
<a href="../../id/tutorial/example1-2.html"><img src="../_static/flagicons/id.png" alt="id" title="id" border="0" /></a>
<a href="../../it/tutorial/example1-2.html"><img src="../_static/flagicons/it.png" alt="it" title="it" border="0" /></a>
<a href="../../ja/tutorial/example1-2.html"><img src="../_static/flagicons/ja.png" alt="ja" title="ja" border="0" /></a>
<a href="../../nl_NL/tutorial/example1-2.html"><img src="../_static/flagicons/nl_NL.png" alt="nl_NL" title="nl_NL" border="0" /></a>
<a href="../../pl/tutorial/example1-2.html"><img src="../_static/flagicons/pl.png" alt="pl" title="pl" border="0" /></a>
<a href="../../ru/tutorial/example1-2.html"><img src="../_static/flagicons/ru.png" alt="ru" title="ru" border="0" /></a>
<a href="../../sq/tutorial/example1-2.html"><img src="../_static/flagicons/sq.png" alt="sq" title="sq" border="0" /></a>
<a href="../../tr/tutorial/example1-2.html"><img src="../_static/flagicons/tr.png" alt="tr" title="tr" border="0" /></a>
</td>
</tr>
</table>
<div class="related" role="navigation" aria-label="Related">
<h3>Navigation</h3>
<ul>
<li class="right" style="margin-right: 10px">
<a href="../genindex.html" title="الفهرس العام"
accesskey="I">الفهرس</a></li>
<li class="nav-item nav-item-0"><a href="../index.html">Home</a> »</li>
<li class="nav-item nav-item-this"><a href="">Example 1.2</a></li>
</ul>
</div>
<div class="document">
<div class="documentwrapper">
<div class="bodywrapper">
<div class="body" role="main">
<section id="example-1-2">
<span id="example1-2"></span><h1>Example 1.2<a class="headerlink" href="#example-1-2" title="Link to this heading">¶</a></h1>
<section id="static-map-with-two-layers">
<h2>Static Map with Two Layers<a class="headerlink" href="#static-map-with-two-layers" title="Link to this heading">¶</a></h2>
<img alt="https://demo.mapserver.org/cgi-bin/mapserv?map=/mapserver/apps/tutorial/htdocs/example1-2.map&layer=states_poly&layer=states_line&mode=map" src="https://demo.mapserver.org/cgi-bin/mapserv?map=/mapserver/apps/tutorial/htdocs/example1-2.map&layer=states_poly&layer=states_line&mode=map" />
<p>As in the first example, this image was generated by linking the
source of the <img> tag to this URL:
<a class="reference external" href="https://demo.mapserver.org/cgi-bin/mapserv?map=/mapserver/apps/tutorial/htdocs/example1-2.map&layer=states_poly&layer=states_line&mode=map">https://demo.mapserver.org/cgi-bin/mapserv?map=/mapserver/apps/tutorial/htdocs/example1-2.map&layer=states_poly&layer=states_line&mode=map</a>.
This is how most of the examples in this section work.</p>
<p>Anyway, you'll notice that the map here is the same as the first
example. Yes, but the mapfile is different. Have a look.</p>
<p>This is what the mapfile looks like: <a class="reference internal" href="example1-2-map.html#example1-2-map"><span class="std std-ref">Example1-2.map</span></a></p>
<section id="mapfile-structure">
<h3>MapFile Structure<a class="headerlink" href="#mapfile-structure" title="Link to this heading">¶</a></h3>
<p>The mapfile structure, by objects, looks like this:</p>
<div class="highlight-default notranslate"><div class="highlight"><pre><span></span> <span class="n">MAP</span>
<span class="n">LAYER</span><span class="o">-|-</span><span class="n">LAYER</span>
<span class="n">CLASS</span><span class="o">-|</span> <span class="o">|-</span><span class="n">CLASS</span>
<span class="n">STYLE</span><span class="o">-|</span> <span class="o">|-</span><span class="n">STYLE</span>
</pre></div>
</div>
<p>Here we split the original layer into two layers. The first layer is still a
polygon layer but the <a class="reference internal" href="../mapfile/style.html#style"><span class="std std-ref">STYLE object</span></a> no longer has OUTLINECOLOR,
such as:</p>
<div class="highlight-mapfile notranslate"><div class="highlight"><pre><span></span><span class="k">LAYER</span>
<span class="p">...</span>
<span class="k">TYPE</span> <span class="nb">POLYGON</span>
<span class="p">...</span>
<span class="k">CLASS</span>
<span class="k">NAME</span> <span class="s">"States"</span>
<span class="k">STYLE</span>
<span class="k">COLOR</span> <span class="mi">232</span> <span class="mi">232</span> <span class="mi">232</span>
<span class="k">END</span>
<span class="k">END</span>
<span class="k">END</span>
</pre></div>
</div>
<p>The second layer is similar to the first except that the TYPE is
changed to LINE and the COLOR in the STYLE is changed to the same
color as the OUTLINECOLOR in the first example. This produces the same
image as the first one.</p>
<div class="highlight-mapfile notranslate"><div class="highlight"><pre><span></span><span class="k">LAYER</span>
<span class="p">...</span>
<span class="k">TYPE</span> <span class="nb">LINE</span>
<span class="k">CLASS</span>
<span class="k">NAME</span> <span class="s">"State Boundary"</span>
<span class="k">STYLE</span>
<span class="k">COLOR</span> <span class="mi">32</span> <span class="mi">32</span> <span class="mi">32</span>
<span class="k">END</span>
<span class="k">END</span>
<span class="k">END</span>
</pre></div>
</div>
</section>
<section id="so-why-do-it-this-way">
<h3>So, why do it this way?<a class="headerlink" href="#so-why-do-it-this-way" title="Link to this heading">¶</a></h3>
<p>If we continue to add layers on top of the states layer, the outline
will most likely be covered up by these other layers. To still see
the state boundaries after we add these other layers, we have to
separate the states boundary line layer from the states polygon layer
and put it on top of the other other layers. There is order in how we
define/add layers and you'll see it clearly as we proceed in this
section.</p>
<hr class="docutils" />
<p><a class="reference internal" href="example1-1.html#example1-1"><span class="std std-ref">Back to Example 1.1</span></a> | <a class="reference internal" href="example1-3.html#example1-3"><span class="std std-ref">Proceed to Example 1.3</span></a></p>
</section>
</section>
</section>
<div class="clearer"></div>
</div>
</div>
</div>
<div class="sphinxsidebar" role="navigation" aria-label="Main">
<div class="sphinxsidebarwrapper">
<search id="searchbox" style="display: none" role="search">
<h3 id="searchlabel">البحث السريع</h3>
<div class="searchformwrapper">
<form class="search" action="../search.html" method="get">
<input type="text" name="q" aria-labelledby="searchlabel" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/>
<input type="submit" value="Go" />
</form>
</div>
</search>
<script>document.getElementById('searchbox').style.display = "block"</script><h3>Navigation</h3>
<p>
<a href="../about.html" title="About">About</a><br>
<a href="../products.html" title="Products">Products</a><br>
<a href="../community/index.html" title="Community">Community</a><br>
<a href="../development/index.html" title="Development">Development</a><br>
<a href="../download.html" title="Downloads">Downloads</a><br>
<a href="../documentation.html" title="Documentation">Documentation</a><br>
<a href="../faq.html" title="FAQ">FAQ</a><br>
<a href="../psc.html" title="PSC">PSC</a><br>
<a href="https://fosstodon.org/@mapserver" title="Mastodon">Mastodon</a>
</p>
<h3>Current Table Of Contents</h3>
<ul>
<li><a class="reference internal" href="#">Example 1.2</a><ul>
<li><a class="reference internal" href="#static-map-with-two-layers">Static Map with Two Layers</a><ul>
<li><a class="reference internal" href="#mapfile-structure">MapFile Structure</a></li>
<li><a class="reference internal" href="#so-why-do-it-this-way">So, why do it this way?</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="clearer"></div>
</div>
<div class="related" role="navigation" aria-label="Related">
<h3>Navigation</h3>
<ul>
<li class="right" style="margin-right: 10px">
<a href="../genindex.html" title="الفهرس العام"
>الفهرس</a></li>
<li class="nav-item nav-item-0"><a href="../index.html">Home</a> »</li>
<li class="nav-item nav-item-this"><a href="">Example 1.2</a></li>
</ul>
</div>
<div class="footer" role="contentinfo">
© <a href="../copyright.html">الحقوق</a> 2026, Open Source Geospatial Foundation.
Last updated on 2026-04-20.
Created using <a href="https://www.sphinx-doc.org/">Sphinx</a> 9.1.0.
</div>
</body>
</html>