1.5.1 ZoomIn, Out, Pan

Do souboru prvni.html (šablona) je potřeba přidat několik řádků.

<form method=GET action="http://127.0.0.1/cgi-bin/mapserv.exe“> <!—odkaz na formulář -->
<p>
<input type=radio name=mode value=browse checked> <b>Prohlížet</b> <!—parametr mode  -->
<input type=radio name=zoomdir value=1 [zoomdir_1_check]> Zoom In
<input type=radio name=zoomdir value=0 [zoomdir_0_check]> Pan
<input type=radio name=zoomdir value=-1 [zoomdir_-1_check]> Zoom Out
</p>
<!—následující řádek již máme -->
<INPUT NAME=img TYPE=image SRC=[img] width=600 height=400 border=0>
<input type=hidden name=imgext value=“[mapext]“>
<input type=hidden name=map value=“[map]“>
<input type=hidden name=zoomsize value=2> </form>

Modifikace souboru prvni.html

První řádek definuje formulář jehož součástí je zobrazená mapa. Tento formulář se odkazuje na aplikaci MapServer (action="http://127.0.0.1/cgi-bin/mapserv.exe“).

Součástí formuláře jsou dvě sady přepínacích tlačítek:

· mode

· zoomdir

Hodnota parametru mode udává aplikaci MapServer jaký druh operace bude probíhat. V našem případě máme nadefinovánu pouze jednu operaci nazvanou Prohlížet (<input type=radio name=mode value=browse checked>) a je identifikována hodnotou browse.

Hodnota parametru zoomdir udává aplikaci MapServer jaká bude změna měřítka. V našem případě máme nadefinovány tři operace ZoomIn (<input type=radio name=zoomdir value=1 [zoomdir_1_check]>) a je identifikována hodnotou 1, Pan (<input type=radio name=zoomdir value=0 [zoomdir_0_check]>) a je identifikována hodnotou 0, ZoomOut (<input type=radio name=zoomdir value=1 [zoomdir_-1_check]>) a je identifikována hodnotou –1

Parametry předávané MapServeru

 

K ZAPAMATOVÁNÍ 1

 

Parametry v hranatých závorkách uvedené v šabloně jsou MapServerem nahrazovány aktuálními hodnotami.

 

 

Obrázek 1-6: Výstup z MapServeru s nástroji Zoom in, Zoom out, Pan

Výstup z MapServeru

Následující kód prezentuje výsledek zobrazený na obrázku uvedeném výše.

<!-- MapServer version 3.6.3 OUTPUT=GIF OUTPUT=PNG OUTPUT=WBMP SUPPORTS=PROJ SUPPORTS=TTF SUPPORTS=WMS_SERVER SUPPORTS=WMS_CLIENT INPUT=EPPL7 INPUT=OGR INPUT=GDAL INPUT=SHAPEFILE -->
<html>
<head>
<META HTTP-Equiv="Content-Type" CONTENT="text/html; charset=windows-1250">
<title>CR - cvicne</title></head>
<body bgcolor=#FFFFFF>
<center><h1>ČR</h1>
<form method=GET action="http://127.0.0.1/cgi-bin/mapserv.exe"> <!—odkaz na formulář -->
<p>
<input type=radio name=mode value=browse checked> <b>Prohlížet</b> <!—parametr mode  -->
<input type=radio name=zoomdir value=1 > Zoom In
<input type=radio name=zoomdir value=0 checked> Pan
<input type=radio name=zoomdir value=-1 > Zoom Out
</p>
<!—následující řádek již máme -->
<INPUT NAME=img TYPE=image SRC=../tmp/prvni.map10541591721648.gif width=600 height=400 border=0></center>
<input type=hidden name=imgext value=-903000.000000 -1234460.000000 -430000.000000 -919540.000000>
<input type=hidden name=map value=“C:\Program Files\Apache Group\Apache\htdocs\ms\prvni.map“>
<input type=hidden name=zoomsize value=2>
</form>
</center>
</body></html>

Všimněte si, že parametry uvedené v šabloně prvni.html jsou v tomto kódu nahrazeny konkrétními hodnotami.

Př. 1 Rozsah zobrazené mapy

Řádek z šablony: <input type=hidden name=imgext value=[mapext]>

Řádek z výstupu:
<input type=hidden name=imgext value=-903000.000000 -1234460.000000 -430000.000000 -919540.000000>
 

Př. 2 Odkaz na vygenerovaný obrázek

Řádek z šablony: <INPUT NAME=img TYPE=image SRC=[img] width=600 height=400 border=0>
 
Řádek z výstupu:
<INPUT NAME=img TYPE=image SRC=../tmp/prvni.map10541591721648.gif width=600 height=400 border=0>

Zdrojový HTML kód výsledku zasílaného klientovi

Kliknutím myší zvolte funkci ZoomIn a klikněte do mapy do Moravskoslezského kraje. Výsledkem by mělo být přiblížení v mapě.

Vyzkoušení funkcí

Obrázek 1-7: Změna měřítka po kliknutí do mapy.

ZoomIn

Následující část HTML kódu generovaná po užití funkce ZoomIn prezentuje změnu v parametru imgext, který představuje aktuálně zobrazený rozsah mapy.

<input type=hidden name=imgext value="-617623.333333 -1174625.200000 -381123.333333 -1017165.200000">

Část HTML kódu po provedení ZoomIn

 

PRŮVODCE STUDIEM 4

 

V případě problémů s kopírováním (přepisováním) kódu soubor HTML naleznete na CD v adresáři ms/MapServer/ pod názvem prvni_v2.html

Zdroj na CD