MODUL III

Polygon pada google maps API

A. Tujuan

1. Mampu memahami penggunaan Google Maps API dalam pembuatan Polygon

2. Mampu membuat sistem untuk menyimpan data polygon dalam database

3. Mampu membuat sistem untuk menampilkan polygon berdasarkan data dalam

database

B. Teori Dasar

Polygon adalah adalah geometri yang membentuk luasan, sehingga geometri

ini umumnya digunakan untuk merepresentasikan objek-objek yang memiliki luasan

seperti: Provinsi, Kota/Kabupaten, Kecamatan, Kelurahan/Desa, sungai, danau,

bangunan, persil tanah, petak sawah dan lain sebagainya. Pada dasarnya geometri

polygon terdiiri dari titik-titik pembentuk polyline. Namun pada polygon titik awal dan

titik akhir sama, sehingga membentuk polyline tertutup.

Polygon merupakan bidang yang dikurung oleh jalur tertutup (atau loop), yang

didefinisikan dengan serangkaian koordinat. Objek Polygon serupa dengan

objek Polyline karena keduanya terdiri dari serangkaian koordinat yang berurutan.

Poligon digambar dengan garis luar dan pengisi. Anda bisa mendefinisikan warna

khusus, bobot, dan opasitas untuk tepi poligon (garis luar) dan warna khusus serta
opasitas untuk bidang tertutup (pengisi). Warna harus ditunjukkan dalam format

HTML heksadesimal. Nama warna tidak didukung

Objek Polygon bisa menjelaskan bentuk yang rumit, termasuk:

• Beberapa bidang tidak-bersebelahan yang didefinisikan dengan satu poligon.

• Area dengan lubang di dalamnya.
• Perpotongan dari satu atau beberapa bidang.

C. Praktikum

1. Pembuatan database

a. Buatlah sebuah database dengan nama gis2

b. Buatlah tabel dengan nama polygon_gis2

 c. Buatlah struktur tabel polyline_gis2 sebagai berikut :

2. Pembuatan sistem penggambaran polygon

a. Buka editor (sublime, notepad++, dll)

b. Buatlah file index.html, Ketikan kode program pada berikut :

c. Buatlah file style.css, Ketikan script berikut :
d. Buatlah file maps.js, Ketikan kode program pada berikut :
e. Buatlah file koneksi.php, Ketikan kode program pada berikut :
 f. Buatlah file simpapoly.php, Ketikan kode program pada berikut :

3. Pembuatan sistem untuk menampilkan polygon berdasarkan data dalam

database

a. Buatlah file koneksi.php, Ketikan kode program pada berikut :

b. Buatlah file index.php, Ketikan kode program pada berikut :

c. Buatlah file style.css, Ketikan script berikut :

f. Buatlah file maps.js, Ketikan kode program pada berikut :

4. Membuat polygon

a. Pilih button gambar garis

b. Tempatkan titik pada wilayah yang akan dipetakan

c. Pilih button gambar polygon

d. Setelah selesai menggambar, pilih button selesai kemudian pilih JSON

e. Pilih button simpan
 f. Jika tampil huruf “S” maka data polygon berhasil disimpan (jumlah “S”

yang tampil sesuai banyaknya polygon yang di buat/gambar)

5. Menampilkan polygon

a. Buka file index.php pada browser

D. Hasil Percobaan

1. Tampilan Peta
2. Tampilan Proses Pembuatan Polygon

3. Tampilan data Polygon yang tersimpan di database

 4. Tampilan Hasil Polygon yang telah dibuat

E. Latihan

1. Gambarlah polygon untuk memetakan suatu daerah

2. Buatlah button pada sistem untuk menampilkan polygon dimana ketika button

tersebut diklik maka polygon akan tampil berdasarkan data dalam database

(Polygon tidak tampil ketika page pertamakali dibuka)