Plugins Menampilkan Peta GoogleMap di WordPress


Latar Belakang

Kadang kita ingin menampilkan peta di sebuah pages atau di artikel posting. plugin ini cocok untuk bloger yang suka traveling.

Artikel ini untuk CMS wordpress yang di install di hosting tersendiri bukan wordpress.com

Install Plugin

Adapun nama plugin nya adalah Comprehensive Google Map Plugin.Bisa di download atau langsung install di dashboard>plugins>add new> cari plugin nya dan install

Comprehensive Google Map Plugin - Ri32

Implementasi

Jika berhasil di install, maka setiap kita akan membuat posting baru dengan memilih menu add new posting di bawahnya ada widget untuk input peta ke new posting tadi.

peta-ri32

Pilih marker dan masukan alamat peta

peta-2

Generate Kode Peta ke Posting

peta-3

Kode Peta sudah ada di artikel posting

Jika sudah, tinggal publish artikel dan peta tampil di halaman web/blog anda. Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Cilangkap, 8-02-2013

GusnaNuri

Menampilkan peta digital dari Postgis ke Mapserver


Latar Belakang

Dalam tulisan saya terdahulu menjelaskan cara import peta digital dari QuantumGIS ke  database Postgre. sekarang menjelaskan bagaimana caranya menampilkan peta digital yang tersimpan dalam database postgre tersebut dengan bantuan library postgis.

Dalam konsep GIS web base yang saya tau, peta digital itu dapat disimpan dalam file SHP dapat juga disimpan dalam sebuah database. dalam project saya waktu penulisan ilmiah, saya menggunakan teknik pertama yaitu menyimpan peta digital kedalam kumpulan file-file SHP. untuk pengembangannya sekarang saya mempelajari teknik menyimpan peta digital kedalam sebuah database postgre menggunakan library postgis.

Tahap Persiapan

yang harus disiapkan dalam percobaan ini adalah file peta_db.map yang berisi script mapserver yang digunakan untuk melakukan koneksi ke database postgre. dan menjalankan query untuk menampilkan peta digital yang ada didalam tabel distrik yang sebelumnya sudah terbuat dan sudah berisi data.

Tahap Coding

kita membuat sebuah file peta_db.map yang sisimpan dalam folder C:\ms4w\apps\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   “\ms4w\apps\map\shp”
IMAGECOLOR  255 255 255
#
# Mulai pendefinisian layers
#
LAYER
NAME      District
STATUS    ON
TYPE      POLYGON

CONNECTIONTYPE POSTGIS
CONNECTION “host=localhost dbname=testgis user=postgres password=shugaru7 port=5432
DATA “the_geom from distrik

CLASS
NAME   “District”
STYLE
COLOR 179 243 251
OUTLINECOLOR 0 0 0
END # style
END # class
END # Akhir definisi layer
#
END # Akhir mapfile

Membuat Halaman Web

kita membuat sebuah file index_db.html yang sisimpan dalam folder C:\ms4w\Apache\htdocs\web\

<html>
<head><title>Menampilkan Peta dari Postgis-Mapserver</title></head>
<body>
<center>
<img border=”1″ src=”http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/map/peta_db.map&layer=District&mode=map“>
</center>
</body>
</html>

Tahap Testing

Untuk menjalankannya kita menggunakan sebuah web browser dan mengetikan alamat url :

  1. http://localhost/web/index_db.html
  2. Anda juga dapat menggunakan alamat URL langsung menuju file mapservernya http://localhost/cgi-bin/mapserv.exe?map=/ms4w/apps/map/peta_db.map&layer=District&mode=mapsehingga hasilnya akan tampil seperti dibawah ini :

    Output

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Depok, 13-06-2011

noname

Import peta digital dari Quantum GIS ke Postgis


Pendahuluan

Artikel ini membahas tentang bagaimana cara mengkonversi file SHP menjadi file SQL dan memasukannya kedalam database postgree dengan bantuan library postgis. ada 2 cara yang bisa di gunakan yaitu :

  • Menggunakan command prompt (cmd)
  • Menggunakan plugins Quantum GIS

Tahap Persiapan

yang harus disiapkan dalam belajar GIS berbasis web adalah :

  1. Mapserver menggunakan software ms4w (saya menggunakan versi 1.6)
  2. QuantumGIS untuk membuat peta digital (saya menggunakan versi 0.9.1 Ganymede)
  3. Database PostgreSQL dan postgis (saya menggunakan Postgre versi 8.1 yang include postgis)
  4. Siapkan file SHP yang sebelumnya sudah dibuat (bisa anda download di sini)

Cara Pertama  (Menggunakan Command prompt)

  1. Saya asumsikan semua software pada tahap persiapan sudah selesai di install. dan peta digital sudah di simpan di C:\ms4w\apps\map\shp
  2. Setelah itu buka command promtnya dan ketik syntax berikut ini untuk menyeting path postgre agar bisa di jalankan di semua alamat folder :  set PATH=%PATH%;C:\Program Files\PostgreSQL\8.1\bin
  3. Setelah itu menuju folder tempat file SHP berada  C:\ms4w\apps\map\shp
  4. Kemudian ketik syntak berikut untuk mengkonversi SHP ke SQL :
    shp2pgsql fdistrict.shp distrik > distrik.sql
  5. Setelah itu ketik syntax berikut untuk import SQL ke Postgre. TAPI sebelumnya harus dibuat dahulu di pgAdminIII (Postgre Admin) sebuah database bernama gisdb dengan user defaultnya postgres : psql -U postgres -d gisdb -f distrik.sql -W
  6. Setelah dimasukan password untuk user postgres, jika berhasil maka di cek di portgres database gistdb terdapat tabel distrik.

Untuk lebih jelasnya bisa dilihat hasil capture berikut ini :

Capture Syntax Command Prompt

Cara Kedua (Menggunakan Plugin SPIT)

cara kedua ini menggunakan plugins yang sudah disediakan oleh QuantumGIS. caranya adalah :

  1. Jalankan software quantumGIS
  2. Aktifkan plugins melalui menu Plugins>Plugins Manager>Cari dan centang plugins SPIT>klik OK
  3. Setelah berhasil pilih kembali menu Plugins>Spit>Import shape file to postgreSQL
  4. Setelah itu buat koneksi baru dengan klik tombol new. contoh settingnya lihat gambar dibawah ini :
  5. Setelah itu dibagian shapefile list Klik tombol add dan cari file SHP di alamat C:\ms4w\apps\map\shp\fdistrict.shp
  6. Setelah itu klik OK. maka file SHP pun akan di import langsung ke database postgreSQL
  7. Bisa dilihat hasilnya di database postgre
  8. Selesai

Penutup

Jadi sekarang peta digital anda tidak di simpan lagi dalam file SHP, tapi langsung disimpan dalam database postgre dengan bantuan library postgis. sekian artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Depok, 12-6-2011

noname

Membuat Peta Digital dengan Quantum GIS


Pada artikel kali ini saya akan membahas tentang cara pembuatan peta digital menggunakan Quantum GIS.  namun tutorial lengkapnya saya pisahkan kedalam file PDF yang bisa anda download pada URL dibawah.

Dalam artikel yang saya buat ada cara pembuatan gambar menggunakan poligon, dan point. gambar poligon biasanya digunakan untuk membuat sebuah gambar wilayah dalam peta digital. sedangkan gambar point (titik) biasa digunakan untuk untuk menggambar isi yang ada didalam gambar poligon. misalnya untuk menggambarkan sebuah objek seperti kampus, kos-kosan, tempat terjadinya suatu kejadia/kecelakaan, dll.

Yang harus diperhatikan :

  1. Dibutuhkan file gambar sebagai “kanvas” yang nantinya akan di gambar ulang menggunakan quantum GIS.
  2. Download software quantum GIS. saya sarankan Quantum GIS 0.9.1
  3. Jangan lupa untuk menyimpan data setiap selesai memasukan data kedalam gambar dengan “menutup” icon “Toogle Editing”.
  4. Selebihnya tinggal masalah pembuatan file *.map untuk menampilkan peta yang sudah jadi tadi kedalam sebuah web dengan bantuan syntax mapscript.

Mungkin anda bingung, tapi mudah-mudahan dengan membaca artikel nanti. ada tambahan ilmu untuk anda. Artikel Lengkap

Sekian tutorial dari saya, semoga bermanfaat untuk Anda semua.

Depok, 14-07-2010

noname

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 :

http://www.4shared.com/file/191256077/bc0d60f/source-gis.html

Download MS4W :

http://www.4shared.com/file/240217017/1459928c/ms4w_16.html

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>

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

</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

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

  1. 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.

Kata kunci Google : tutorial chameleon, mapserver, gis

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

Depok, 8 Januari 2010

noname

%d bloggers like this: