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.

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?

Menampilkan peta di halaman HTML — ri32.wordpress.com

<img border=”1″ src=”http://localhost/cgi-bin/mapserv.exe?map=c:/ms4w/apps/map/peta.map&layer=District&mode=map&#8221;>

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 :

Ketikan URL dibawah ini langsung ke browser anda

http://localhost/cgi-bin/mapserv.exe?map=c:/ms4w/apps/map/peta.map&layer=District&mode=map

Jalankan url tersebut yang sudah di embed ke sebuah file html.

http://localhost/web/index.html

Output

Jika sudah dijalankan, maka hasilnya akan tampil peta sederhana seperti di bawah ini :

(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 yang semoga bisa membantu teman-teman dalam mempelajari GIS, Mapserver, Chameleon, PHP/mapscript.

• http://mapserver.wordpress.com/2007/08/07/programming-mapserver-chameleon-bag-pertama/
• http://mapserver.wordpress.com/
• http://mapserver.wordpress.com/2007/08/20/programming-mapserver-chameleon-bag-kedua/
• http://www.netgis.it/solutions.html
• http://research.dmsolutions.ca/
• http://bgos.web.id/wp-content/uploads/2009/12/Tutorial_webGIS.pdf
• http://www.biomedcentral.com/content/supplementary/1476-072X-5-6-S1.pdf

Kata kunci Google : tutorial chameleon, mapserver, gis

Sekian tutorial dari saya, semoga dapat bermanfaat untuk teman-teman dan anda semua…aamiin

Depok, 8 Januari 2010

KangAgus