Wednesday, February 6, 2013

Menampilkan Peta sederhana mapserver di HTM

 Sebelumnya saya asumsikan bahwa anda menggunakan “MS4W” dalam menjalankan aplikasi web peta digital dengan mapserver. Dan silahkan download contoh source mapserver.
Download source :
Download MS4W :
File-file yang kita butuhkan adalah :
1.       File index.html simpan di folder C:\ms4w\Apache\htdocs\web. Untuk memanggil gambar peta melalui halaman html.
2.       File peta.map simpan di folder C:\ms4w\apps\map. Untuk menyusun layer-layer peta (file *.shp).
3.       File fdistrict.dbf,  fdistrict.sbn,  fdistrict.sbx,  fdistrict.shp,  fdistrict.shx simpan di folder C:\ms4w\apps\map\shp. Sebagai gambar digitalnya yang dibuat dengan aplikasi QuantumGIS.
Script di file index.html :
Hanya untuk menampilkan gambar peta dengan mengirim link ke /cgi-bin/mapserv.exe?
<html>
<head><title>Menampilkan peta di halaman HTML — ri32.wordpress.com</title></head>
<body>
</body>
</html>
Script di file peta.map :
#
# Komentar untuk mapfile ybs.
#
MAP        # tanda awal mapfile
NAME        District  #
IMAGETYPE   JPEG              # bisa PNG, GIF, dll
EXTENT      -119.88000 36.53000 -119.33000 36.89000  # B1,L1; B2,L2
STATUS      ON          #
UNITS       DD           # satuan derajat
SIZE        350 400   # ukuran image
SHAPEPATH   “c:\ms4w\apps\map\shp”
IMAGECOLOR  255 255 255
#
# Mulai pendefinisian layers
#
LAYER
NAME      District
DATA      fdistrict
STATUS    ON
TYPE      POLYGON
CLASS
NAME   “District”
STYLE
COLOR 179 243 251
OUTLINECOLOR 0 0 0
END # style
END # class
END # Akhir definisi layer
#
END # Akhir mapfile
File-file SHP :
File-file *.shp merupakan gambar digitalnya, gambarnya tersebut di hasilkan dengan bantuan aplikasi quantumGIS. Jadi gambar yang di tampilkan bukan gambar langsung dengan format *.jpg atau *.gif.
Adapun struktur folder pada aplikasi ms4w adalah seperti di bawah. Folder “web”berisi file-file web baik di buat dengan PHP atau HTML. Sedangkan folder “map”berisi file-file *.map yang berfungsi untuk mengatur tampilan peta digital, dan file-file di folder shp untuk gambar digitalnya.
Menjalankan aplikasi di mapserver :
Dalam tutorial ini, silahkan download source programnya dan copykan ke direktori yang sudah di tentukan seperti di atas. Jika sudah, kita tinggal menjalankan aplikasinya. Ada 2 cara yaitu :
1.       Ketikan URL dibawah ini langsung ke browser anda
1.       Jalankan url tersebut yang sudah di embed ke sebuah file html.
Output
Jika sudah dijalankan, maka hasilnya akan tampil peta sederhana seperti di bawah ini :
Referensi (update 17-12-2010)
Sebelumnya saya minta maaf karena saya sudah tidak mendalami lagi tentang mapserver (GIS), takut jawaban saya tidak kompeten lagi, dan banyak yang tidak saya jawab. oleh karena itu saya berinisiatif untuk memberi beberapa link referensi yang semoga bisa membantu teman-teman dalam mempelajari GIS, Mapserver, Chameleon, PHP/mapscript.






No comments:

Post a Comment