Scribd
Unggah
67 tayangan17 halaman

Modul II - Polyline Pada Google Maps API

Modul ini membahas penggunaan Google Maps API untuk membuat polyline yang dapat menandai rute dan jalur pada peta. Terdapat penjelasan tentang teori dasar polyline dan cara membuat sistem penggambaran serta penyimpanan polyline ke database. Praktikum meliputi pembuatan database, sistem penggambaran polyline, dan cara melihat hasil polyline yang disimpan ke database.

Diunggah oleh

Isal Milan
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
67 tayangan17 halaman

Modul II - Polyline Pada Google Maps API

Modul ini membahas penggunaan Google Maps API untuk membuat polyline yang dapat menandai rute dan jalur pada peta. Terdapat penjelasan tentang teori dasar polyline dan cara membuat sistem penggambaran serta penyimpanan polyline ke database. Praktikum meliputi pembuatan database, sistem penggambaran polyline, dan cara melihat hasil polyline yang disimpan ke database.

Diunggah oleh

Isal Milan
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 17

MODUL II

Polyline pada google maps API

A. Tujuan

1. Mampu memahami penggunaan Google Maps API dalam pembuatan Polyline

2. Mampu membuat sistem untuk menyimpan data polyline dalam database

B. Teori Dasar

Google maps saat ini sudah menjadi standar de facto untuk layanan pemetaan,

khususnya yang berbasis web. Hal yang sering dilakukan dalam pemetaan adalah

memuat aplikasi GIS, Point of Interest atau membuat garis rute atau jalur

perjalanan.Perjalanan ini bisa apa saja semisal jalur pendakian, jalur lomba sepeda

santai ataupun jalur Bus kota. Selain itu Google maps juga bisa memanfaatkan polyline

untuk menggambarkan perjalanan wisata dan lain-lain yang intinya, penggunaannya

tidak terbatas.

Google Maps API menawarkan beberapa cara sederhana untuk menambahkan

berbagai bentuk ke peta diantaranya yang akan dipelajari pada modul ini adalah bentuk

Polyline yang merupakan serangkaian segmen garis terhubung yang bisa membuat

bentuk apa saja yang Anda inginkan dan bisa digunakan untuk menandai jalur dan rute

pada peta.
C. Praktikum

1. Pembuatan database

a. Buatlah sebuah database dengan nama gis2

b. Buatlah tabel dengan nama polyline_gis2

c. Buatlah struktur tabel polyline_gis2 sebagai berikut :


2. Pembuatan sistem penggambaran polyline

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. Buatla file mapsgaris.js, Ketikan kode program pada berikut :
Kode lanjutan baris 257 dan 258
e. Buatla file koneksi.php, Ketikan kode program pada berikut :

f. Buatla file simpanpoly.php, Ketikan kode program pada berikut :

Kode lanjutan baris 17


3. Membuat sistem menampilkan Polyline

a. Buatlah file index.html, Ketikan kode program berikut :

b. Buatlah file maps.css, Ketikan script berikut :

c. Buatlah file koneksi.php, Ketikan kode program berikut :


d. Buatlah file maps.php, Ketikan kode program berikut :
e. Buatlah file maps.js, Ketikan kode program berikut :
4. Membuat Simpul dan Polyline

a. Klik Aktifkan Simpul

b. Tempatkan simpul pada setiap persimpangan jalan yang akan dibuat


c. Klik aktifkan garis lalu hubungan simpul awal dengan simpul tujuannya.

Kemudian klik Selesai

d. Klik JSON
e. Klik Simpan

5. Menampilkan Simpul dan Polyline

a. Pilih button tampil


D. Hasil Percobaan

1. Tampilan Peta

2. Tampilan Proses Pembuatan Polyline


3. Tampilan data Polyline yang tersimpan di database

4. Tampilan Hasil Polyline yang telah dibuat

E. Latihan

1. Buatlah Polyline (jalan) yang akan dilalui titik-titik dari tugas besar kalian

Anda mungkin juga menyukai