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 :
- File index.html simpan di folder C:\ms4w\Apache\htdocs\web. Untuk memanggil gambar peta melalui halaman html.
- File peta.map simpan di folder C:\ms4w\apps\map. Untuk menyusun layer-layer peta (file *.shp).
- 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”>
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.
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
Filed under: Website | Tagged: mapserver, menampilkan, peta, ri32 |
bagus tutorialnya…kebetulan saya lg TA n mw bahas msl pemetaan persebaran tower di jateng..pny pendapat pak???
LikeLike
Nice Share Gan
Keep post
LikeLike
Yth. Pak Admin..
Saya adalah seorang giser yang memakai apalikasi map info, arcview ( desktop). Sekarang sedang mempelajari web gis dengan map server. kelemahan saya adalah tidak mahir php/html script ( sedang dalam belajar )
Apakah bapak bisa menjadi instruktur saya lewat kirim email ?? saya sudah membaca buku membuat aplikasi web gis dengan map server karangan Eddy Prahasta, tapi masih belum bisa juga pak..
Bagaimana tawaran saya ini pak ?? tentunya harga tutorialnya adalah harga rakyat jelata ..
mohon informasinya pak
tks/ marganda
LikeLike
Terimakasih sebelum nya,
php yang digunakan bukan php biasa, tapi php yang sudah mendukung libraly untuk mapserver namanya sendiri adalah php/mapscript
dalam buku yang anda pelajari itu sudah lengkap, artinya anda tinggal memakai saya fungsi php/mapscript nya misalnya untuk menampilkan peta, untuk zoom in/out peta, untuk menampilkan query juga ada.
untuk tutorial saya belum tau materi apa yang harus saya berikan, biasanya saya menjawab pertanyaan yang diajukan. jika saya tau jawabanya maka akan saya jawab 🙂
LikeLike
loha gan..
ane pny masalah menampilkan peta keweb..
trus ane juga dah ikutin cara agan..
tapi hasil outputan (.symbol/symbol.txt)
ane minta saran dong gan..
😀
LikeLike
mw nanya mas, aplikasi web gis apa yang compatible sama windows7?
LikeLike
maksudnya???
saya sech waktu belajar gis pake mapserver, software yang saya gunakan itu adalah ms4w singkatan dari “Map Server For(4) Windows” waktu itu saya menggunakan windows xp sp.2 . emang nya di windows 7 gak jalan ya???
ada tanda error apa?
thanks 4 sharing…
LikeLike
permisi pak maw nany kok eror ya masih ga mau jalan jalan erornya seperti gini ” loadSymbolSet(): Unable to access file. (./symbols/symbols.txt) ” kenapa ya pak? padahal saya ikuti langkah-langkah seperti yang d tutorial .. terima kasih ..
LikeLike
bapak maaf saya juga memakai windows 7. ga ada tanda errornya pak.. tapi ga bisa jalan aj.. mohon bantuannya bapak…
LikeLike
emm…aneh!!!
soalnya yang saya tau, di file “peta.map” yang saya buat tidak ada script untuk me “load” sebuah file “symbols.txt”
untuk bahan “cross check”. silahkan baca buku (maaf bukan promosi) yang judulnya :
“Membangun Aplikasi Web-based GIS dengan MapServer”
karangan Eddy Prahasta, yang sampul bukunya ada gambar macan tutul itu loch 😀
tapi sebelumnya silahkan di cek :
1. Untuk yang pakai windows 7, apakah kalo menjalankan mapserver dan aplikasi tersebut di windows XP bisa jalan atau tidak??? kalo di XP jalan mulus, berarti mapserver (MS4W) belum cocok di windows selain XP.
2. cek lagi di file “peta.map” ada script untuk load file “symbols.txt” atau tidak?. coz logika nya kesalahan seperti itu terjadi karena di dalam script di “cantumkan” file symbols.txt, tapi di dalam folder “peta” nya tidak ada file tersebut. (kesalahan yang wajar)
3. Jika sudah di cek semua, tapi masih error, mungkin letak kesalaha (error) nya ada di sisi mapservernya itu sendiri. mungkin bisa menggunakan ms4w keluaran terbaru yang lebih compatible.
saran saya sech “try and error” mancoba sendiri dan belajarlah dari kesalahan n’ tetap semangat!!!
LikeLike
untuk di windows 7 ak sudah coba tutorial ini dan jalan. Intinya pada saat mau install ‘apache-install.bat’ harus sebagai administrator dengan cara
1. Klik kanan di Accessories->Command Prompt
2. Pilih “Run as Administrator”
3. Masuk ke folder ms4w dari cmd, lalu jalankan ‘apache-install.bat’
Langkah selanjutnya tinggal mengikuti langkah2 di tutorial ini. Tengkyu mas Agus buat tutorialnya. 🙂
LikeLike
good job 🙂
nice info gan…
LikeLike
MS4W versi brapa ya yg bisa running di win7 ??
soalnya saya install MS4W 2.3.1 ga jalan
LikeLike
iya udah bisa di windows 7.. terima kasih. tetapi saya ada masalah lagi.. saya tidak bisa menggunakan template web.. jika menggunakan template web, malah tidak keuar petanya. mohon diajarkan cara membuat halaman web dengan peta. terima kasih
LikeLike
Mas,,mau nanya ni…
saya membuat webgis menggunakan php/mapscript.. setelah dijalankan, peta na tidak muncul,,
munculnya hanya dengan menggunakan IE 6…
mohon penjelasannya mas,,,
Trims,,,
LikeLike
emmm….masa sech?
kalo pake browser opera, chrome, safari bisa tampil?
sepengetahuan saya sech bisa di semua browser!
lihat aja di referensi anda, apa ada syntax buat membedakan cara menampilkan peta di browser tertentu…
LikeLike
mas…klo pesannya “loadMapInternal(): General error message.” itu kenapa ya??
uda googling juga katanya salah di xmin ymin xmax ymax,
trus liat2 katanya cara mengecek xmin ymin xmax ymax itu pake ogrinfo..
uda dijalankan seperti di file readme di folder gdal-ogr dari ms4w tp ga muncul juga..
bisa bantu ga ya mas?
terima kasih sebelumnya
LikeLike
mas, kalo di chameleon itu bs ga tanpa refresh yah??
kalo memindahkan mapnya.
ajax gitu.
ataw bisa di kombinasikan dengan jquery??
LikeLike
Sebelumnya saya minta maaf karena saya belum pernah coba chameleon. tapi menurut saya seharusnya bisa. karena semua berbasis web.
LikeLike
nice tutorial mas agus…
tapi di browser saia kok gag bisa di panggil ya?
aq pakai ms4w versi 2.2.3,,,ngaruh?? *i GUESS NOT
tapi kok gag mau?
LikeLike
wow sudah versi 2 aja ya ms4w nya 🙂
saya sudah tidak mempelajari GIS lagi.
@perkiraan :
mungkin masalahnya ada di path folder “temp” saat menyimpan file gambar sementara peta. sehingga gambar sementara gagal dibuat dan tidak dapat ditampilkan.
@solusi :
coba cek lagi skript di file *.map nya untuk bagian ini
WEB
IMAGEPATH “/ms4w/tmp/ms_tmp/”
IMAGEURL “/ms_tmp/”
END
atau cari dokumentasi untuk ms4w terbaru. mungkin ada penjelasannya.
thanks, sory jika belum berhasil.
LikeLike
salam kenal pak…
sy sedang belajar mengenai web gis,dan kebetulan sy tertarik dg mapserver…saat ini sy sedang mengalami kendala,jd ada bbrp hal yg ingin sy tanyakan..
1.sy sedang bingung bagaimana mendapatkan nilai extent pd file shp sy untuk *.map..sy udah coba berbagai cara dr pake ogrinfo.exe ga bisa (malah keluarnya : “the procedure entry point?Equals@OGRLineString@@UBEHPAVOGRGeometry@@@Z could not be located in dynamic link library gdal12.dll) nah pdhl sy udah sesuai dg buku panduan milik eddy prahasta & ruslan nuryadin saat menginstal ms4w.Apa bapak punya saran lain untuk mendapatkan nilai extent??
2.apakah database untuk ms4w bisa menggunakan mysql front?
thank’s krn sudah mau berbagi dan bantuannya..
LikeLike
Sebelumnya saya mohon maaf jika penjelasan saya kurang memuaskan.
#saya dulu menggunakan php/mapscript untuk menampilkan peta, zoom, query, dan legenda.
sedangkan untuk peta nya dalam konsep GIS ada dua cara yaitu pertama menyimpan dalam database. cara yang kedua dengan menyimpan dalam file *.map, *.shp. (CMIIW)
#saya menggunakan cara kedua yaitu menyimpan gambar peta dalam file *.shp
untuk cara yang pertama yaitu dengan database, dalam GIS dikenal dengan (PostGIS: Geographic objects for PostgreSQL) menggunakan database postgre. karena terdapat fasilitas khusus untuk GIS. sedangkan untuk mySQL saya kurang tau, tapi sepertinya tidak bisa.
#saya menggunakan database mysql hanya untuk menyimpan alamat peta (*.map) dan content web nya.
#untuk extent sendiri dalam file mapscript terdapat script seperti ini :
//yang digunakan sebagai inputan peta. tipenya hidden
echo “extent->minx.”\”>\n”;
echo “extent->miny.”\”>\n”;
echo “extent->maxx.”\”>\n”;
echo “extent->maxy.”\”>\n”;
//batas koordinat seluruh peta, untuk tool ‘zoom all’
$GLOBALS[“gfMinX”] = (float)$GLOBALS[“goMap”]->extent->minx;
$GLOBALS[“gfMinY”] = (float)$GLOBALS[“goMap”]->extent->miny;
$GLOBALS[“gfMaxX”] = (float)$GLOBALS[“goMap”]->extent->maxx;
$GLOBALS[“gfMaxY”] = (float)$GLOBALS[“goMap”]->extent->maxy;
Referensi :
postgis.refractions.net/
http://archives.postgresql.org/pgsql-novice/2005-12/msg00238.php
sekian penjelasan dari saya. terimakasih
LikeLike
thank’s ya pak atas jawabannya, kalau tidak keberatan,mungkin akan ada pertanyaan yg lain jika sy tidak paham..hehehe,maklum sy awam n baru belajar dari nol..oh ya,kalau tidak keberatan lg,td sy add YM bapak,jd tolong diaccept…
thank’s bgt pak..sukses sll..
LikeLike
Ingsyallah jika saya tahu jawabannya 🙂
siipp…
LikeLike
haii,,
na udah coba script dengan peta yang di download u/ contoh ini..
tapi pas dina coba pake peta yang dina punya,,ko tetep ga muncul yah? peta .shp yang dina punya itu hasil convert dari .tab ke .shp dari map info professional. apa memang peta .shp hasil convert ga bisa ditampilkan atau script nya salah??
bisa kasih tau , dari script di atas yang harus diganti nya apa aja?? thnx..
rep yaa buat referensi skripsi nii..
LikeLike
ohh yaa..untuk extent nyah harus diganti yah kalu file peta nya beda??
dina bisa tau info extent nya dari mana yah??
LikeLike
mas mau nanya…
script buat menampilkan info pada chemeleon apa??
n bagaimana cara setinggan hasil query biar fieldnya tidak terpotong…
mohon bantuan mas
LikeLike
@dina :
setahu saya gak bisa langsung tampilkan petanya, harus di setting di file *.map yang contoh saya
mungkin bisa di lihat di artikel yang ini
ri32.wordpress.com/2009/08/14/sistem-informasi-geografis/
soalnya udah menggunakan beberapa layer peta. mudah2an berhasil.
@ALL FRIENDS
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.
* 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
LikeLike
Thank’s atas tutorialnya,,,,
LikeLike
mas knpa kok stelah saya tambahkan shp baru gak bisa di tampilkan ya???trims
LikeLike
Min kalo di chameleon itu bisa enggak tanpa refresh yah
kalo memindahkan mapnya aja
atau bisa di kombinasikan dengan jquery mohon penjelasannya min?
Terimakasih untuk ilmunya min…
Kunjungi website saya juga ya: https://indrawijaya.mahasiswa.atmaluhur.ac.id/
dan website kampus saya: http://www.atmaluhur.ac.id/
LikeLike
Hello kak. mau nanya, simpan file peta dalam format .map gimana ya. soalnya udah pakai mapinfo, arcview dll ga ada format map nya. mohon bantuannya kak.
LikeLike
seingat saya dulu saya buat sendiri file .map nya. isinya berupa susunan .shp atau peta digital hasil dari quantumGIS. saya kurang tau apa ada tools untuk generate file .map
LikeLike