21
Mei
12

[WebGIS 6] – Pembuatan Peta Tematik

<< Artikel Sebelumnya: "Simbol dan Font"

Menyambung tutorial sebelumnya mengenai “Simbol dan Font” pada 15 Mei 2012 lalu , berikut akan dibahas mengenai cara pembuatan peta tematik.

Pada SIG berbasis web seperti MapServer ini, pembuatan tematik tidaklah semudah dan seinteraktif SIG berbasis desktop. Pada MapServer, setiap layer yang akan diklasifikasikan unsur-unsurnya perlu didefinisikan melalui suatu keyword tertentu satu per satu sesuai kriterianya.

 

Skema MapFile

Untuk lebih memahami dalam pembuatan peta tematik, berikut adalah skema yang diperlukan.

MAP

   LAYER
   …
      CLASSITEM … # nama field kelas
      CLASS
         EXPRESSION … # ekspresi 1
         STYLE
         …
         END # style 1
      END #class 1
      CLASS
         EXPRESSION … # ekspresi n
         STYLE
         …
         END # style n
      END #class n
   END # akhir layer

END # AKHIR MAP

 

Pemakaian EXPRESSION

Pada skema di atas, terdapat kata kunci EXPRESSION pada setiap kelas. Maksudnya adalah sebagai sarana untuk melakukan perbandingan suatu nilai atribut/field agar atribut-atribut tersebut dapat dikelompokan sesuai dengan kriteria yang kita tentukan.

 

Perbandingan String

Untuk perbandingan nilai atribut bertipe string, aturan yang berlaku adalah:

  • EXPRESSION “Bandung”
  • EXPRESSION (‘[kabupaten]’ eq ‘Bandung’)
  • EXPRESSION (‘[kabupaten]’ = ‘Bandung’)
  • EXPRESSION (“[kabupaten]” eq “Bandung”)
  • EXPRESSION (“[kabupaten]” = “Bandung”)
  • EXPRESSION (“[kabupaten]” = “Bandung” or [kabupaten]” = “Banten”)

 

image 

 

Ekspresi Logika

  • EXPRESSION ([kode_prov] = 11)
  • EXPRESSION ([kode_prov] = 32 or “[provinsi]” = “Jawa Barat”)
  • EXPRESSION ([kode_prov] = 12 and [luas_km2] >= 3000000)

 

image

Operator yang didukung selain yang di atas adalah: =, >, <, <=, >=, or, and, lt, gt, ge, le, eq, dan ne.

 

Contoh MapFile

Sekarang akan kita buat file map yang akan menampilkan terminal menggunakan simbol “BisMerah” dan “BisBiru” yang sudah dibuat pada bagian sebelumnya ( [webgis 5]–simbol dan font ) berdasarkan nilai pada field “tipe” yang terdapat pada file “terminal.dbf”. Terminal tipe A akan menggunakan simbol “BisMerah”, sedangkan terminal tipe B akan menggunakan simbol “BisBiru”.

 

MAP
   NAME TIPE_TERMINAL
   IMAGETYPE PNG
   STATUS ON
   UNITS DD
   SIZE 600 400
   SHAPEPATH "../data/"
   FONTSET "../fonts/font.dat"
   SYMBOLSET "../symbol/simbol.sym"
   IMAGECOLOR 192 192 192
   EXTENT 106.25 -7.87 108.92 -5.85

   LAYER
      NAME "Citra"
      DATA "raster.tif"
      STATUS ON
      TYPE RASTER
   END

   LAYER
      NAME ‘provinsi’
      TYPE POLYGON
      DATA ‘provinsi.shp’
      STATUS ON
      CLASS
         NAME ‘provinsi’
         STYLE
            SYMBOL 0
            SIZE 5
            OUTLINECOLOR 0 0 0
            COLOR 167 177 197
         END    # end of style
      END     # end of class
   END   # end of layer

   LAYER
      NAME ‘terminal’
      TYPE POINT
      DATA ‘terminal.shp’
      STATUS ON
      LABELITEM "TERMINAL"
      CLASS
         NAME ‘A’
         EXPRESSION ("[TIPE]" eq "A")
         STYLE
            SYMBOL ‘BisMerah’
         END
         LABEL
            SIZE medium
            COLOR 0 0 0
         END
      END
      CLASS
         NAME ‘B’
         EXPRESSION ("[TIPE]" eq "B")
         STYLE
            SYMBOL ‘BisBiru’
         END
         LABEL
            SIZE medium
            COLOR 0 0 0
         END
      END
   END
END

Simpanlah file tersebut dengan nama ekspresi1.map ke direktori c:\ms4w\apps\latih\map\

Sekarang, perbaharuilah file peta.html menjadi sebagai berikut ini:

<html>
<head>
   <title> Belajar Mapserver</title>
</head>
<body>
   <h1> Contoh-contoh Belajar Mapserver</h1>
   <h3>Menu</h3>
   <ul>
      <li><a href="contoh_01.html">Menampilkan Peta Sederhana</a></li>
      <li><a href="contoh_02.html">Menampilkan Layer Ganda</a></li>
      <li><a href="contoh_03.html">Menampilkan Layer Raster</a></li>
      <li><a href="contoh_04.html">Menampilkan Gabungan Raster &amp; Vektor</a></li>
      <li><a href="contoh_05.html">Menampilkan Simbol Titik</a></li>
      <li><a href="contoh_06.html">Menampilkan Simbol Garis</a></li>
      <li><a href="contoh_07.html">Menampilkan Simbol Poligon</a></li>
      <li><a href="contoh_08.html">Menampilkan Simbol Gambar</a></li>
      <li><a href="contoh_09.html">Menampilkan Simbol Font</a></li>
      <li><a href="contoh_10.html">Menampilkan Font Sebagai Label</a></li>
      <li><a href="contoh_11.html">Menampilkan Peta Tematik</a></li>
   </ul>
</body>
</html>

Kemudian, untuk isi file contoh_11.html adalah sebagai berikut:

<img border="1" src="http://localhost:1111/cgi-bin/mapserv.exe?
map=c:\ms4w\apps\latih\map\ekspresi1.map&mode=map&layers=all">

 

image


8 Responses to “[WebGIS 6] – Pembuatan Peta Tematik”


  1. Mei 25, 2012 pukul 11:29 am

    klo mau bikin mapfile yang lebih gampang…coba pake program yang namanya “Quatum GIS”….(buat orang-orang yang ga terlalu ngerti peograman)..heheh…😀, ditunggu posting selanjutnya yah mas…klo bisa tentang K-Map dong,heheh… udah lama ga ngotak ngatik mapserver lagih neh…

    • Mei 25, 2012 pukul 11:40 am

      setuju… untuk urusan proyek memang makin cepet makin bagus…😀
      tapi untuk urusan belajar lebih baik mulai dari scratch dulu… biar tau perintah2nya dasarnya apa aja… jadinya ga akan susah klo mau customize script…😉
      sama ketika belajar PHP, saya lebih sarankan belajar buat sistem dari awal dulu (hard code) sebelum masuk ke framework🙂

      yg ka-Map nanti chapter 8 ya😀

  2. 3 irland
    Mei 25, 2012 pukul 7:46 pm

    hohoh..siap mas…iya ini juga saya lagi belajar dari 0 lagih..nanti mohon bimbingan yah mas…hehhe…
    asek mau posting kamap…keren2..😀

  3. 4 Erik
    September 12, 2012 pukul 7:54 pm

    bisa minta sourcode nya ga..?

  4. September 30, 2012 pukul 11:23 pm

    Punya contoh project nya gk mas??

    menentukan lokasi service division telkom/ pelanggan telkom atau lainnya???

    krim ke email yaaa mas yanvist@yahoo.com

    terima kasih sebelumnya


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s


arioss

Arsip

Blog Stats

  • 68,494 hits

RSS Fokus ITB

  • Sebuah galat telah terjadi; umpan tersebut kemungkinan sedang anjlok. Coba lagi nanti.

%d blogger menyukai ini: