Anda di halaman 1dari 3

GIS BERBASIS WEB

EWIN PANGGABEAN, ST., M.KOM

Bagaimana sih caranya memasukkan peta ke browser? Dalam hal ini memasukkan peta yang kita
buat di ArcView, kemudian dipublikasikan ke localhost.
Caranya yaitu :
1. Udah punya File peta (*.shp, *.shx, *.dbf, *.sbx, *.sbn).
2. Pada komputer telah terinstall MapServer. (apabila belum, silahkan download installer disini)
3. Install MapServer pada Direktori C:
4. Buat 3 folder pada c:/ms4w/apps/ folder pertama (folder shp) untuk menyimpan file Peta
(syarat no.1), folder kedua (folder map) untuk menyimpan file *.map yang digunakan untuk
memanggil file peta, dan folder ketiga (folder html) untuk menyimpan file *.html yang berfungsi
untuk memanggil file *.map.
5. Simpan file peta pada folder shp. Atau sebagai contoh download peta disini
6. Buat sebuah file *.map dengan cara copy code berikut kedalam notepad, dan simpan dengan
nama file Bantul.map. Kemudian simpan pada folder map yang telah di buat sebelumnya.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

MAP
NAME
Bantul
IMAGETYPE
JPEG
EXTENT
408475 9110524.671502 450902 9144402.401892
STATUS
ON
UNITS
METERS
SIZE
1000 1000
SHAPEPATH
"c:\ms4w\apps\bantul\shp"
IMAGECOLOR 255 255 255
SYMBOL
NAME "circle"
TYPE ELLIPSE
POINTS 1 1 END
FILLED TRUE
END
LAYER
NAME
bupati_poly_region
DATA
bupati_poly_region
STATUS
ON
TYPE
POLYGON
CLASS
NAME
"bupati_poly_region"
STYLE
COLOR 162 235 118
OUTLINECOLOR 0 0 0

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

END
END
END
LAYER
NAME
JalanRuas_polyline
DATA
JalanRuas_polyline
STATUS
ON
TYPE
LINE
CLASS
NAME
"JalanRuas_polyline"
STYLE
COLOR 239 114 114
END
END
END
LAYER
NAME
Jalanutama_polyline
DATA
Jalanutama_polyline
STATUS
ON
TYPE
LINE
CLASS
NAME
"Jalanutama_polyline"
STYLE
COLOR 32 72 213
END
END
END
LAYER
NAME
smp_bantul
DATA
smp_bantul
STATUS
ON
TYPE
POINT
CLASS
NAME
"smp_bantul"
STYLE
COLOR 0 0 0
size 10
SYMBOL 1
END
END
END
LAYER
NAME
labelsmp
DATA
smp_bantul
TYPE ANNOTATION
STATUS ON
LABELITEM "nama_smp"
CLASS
LABEL
COLOR 242 0 6
SIZE MEDIUM
POSITION LR
PARTIALS FALSE
END
END
END
END

67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
7. Kemudian Buat file *.html yang akan memanggil file *.map, copy juga code berikut kedalam
notepad, dan disimpan dengan nama index.html pada folder html yang telah dibuat sebelumnya.
<html>

1<head>
2<title>Letak SMP di Bantul</title>
3</head>
4<body>
<img border="1" src="http://localhost/cgi-bin/mapserv.exe?
5map=c:/ms4w/apps/bantul/map/Bantul.map&layer=labelsmp&layer=smp_bantul&layer=
6bupati_poly_region&layer=JalanRuas_polyline&layer=Jalanutama_polyline&mode=ma
7p">
8</body>
</html>

8. Silahkan jalankan file index.html pada browser semoga sukses

Anda mungkin juga menyukai