Cara membuat web GIS selain dengan Google Maps menggunakan PHP dan MySQL

Cara membuat web GIS selain dengan Google Maps menggunakan PHP dan MySQL

Cara membuat web GIS selain dengan Google Maps menggunakan PHP dan MySQL
Salam sejahtera untuk kalian semua, kali belajar coding akan memberikan sebuah tutorial tentang Cara membuat web GIS selain dengan Google Maps menggunakan PHP dan MySQL. tutorial kali ini merupaka lanjutan dari tutorial sebelumnya yaitu: Alternatif pembuatan web gis sederhana selain google maps dan Cara membuat web GIS selain menggunakan google maps. Baiklah langsung saja kita bahas tahapan pembuatannya.

Langkah-langkah pembuatannya antara lain:
1. Hidupkan Apache dan MySQL dari aplikasi Xampp jika belum terinstall kalian harus install aplikasi tersebut terlebih dahulu.
Cara membuat web GIS selain dengan Google Maps menggunakan PHP dan MySQL

2. Buka browser dan ketikkan localhost/phpmyadmin dan akan tampil halaman utama PhpMyAdmin
Cara membuat web GIS selain dengan Google Maps menggunakan PHP dan MySQL
3. Buat database dengan cara klik new pada menu sidebar dan beri nama database sesuai dengan keinginan kalian kemudian tekan buat/create.
Cara membuat web GIS selain dengan Google Maps menggunakan PHP dan MySQL
Cara membuat web GIS selain dengan Google Maps menggunakan PHP dan MySQL

4. Buat tabel untuk databasenya dengan cara new kemudian berikan nama tabel dan jumlah atribut atau kolomnya
Cara membuat web GIS selain dengan Google Maps menggunakan PHP dan MySQL

5. Tambahkan data titik koordinat pada tabel yang telah dibuat caranya klik menu tambahkan/insert pada menu navbar kemudian isikan data sesuai nama attribut tabelnya
Cara membuat web GIS selain dengan Google Maps menggunakan PHP dan MySQL

6. Buat koneksi.php dengan text editor kalian masing

7.  Download CSS dan JavaScript(JS) dari leaflet terlebih dahulu disini. Kalian juga bisa menggunakan versi cdn dari leaflet jika tidak ingin mendowloadnya. Jika kalian mendownload file css dan js jangan lupa pindahkan ke dalam folder htdocs

8. Buat sebuah folder pada folder xampp/htdocs kemudian buat sebuah file Index.php dengan text editor kalian source code nya sebagai berikut :



9. Masukkan foto yang telah kalian insertkan atau tambahkan sebelumnya di database ke dalam folder yang kalian biat di htdocs kemudian jalankan file index.php tersebut. Hasilnya aka terlihat seperti berikut:
Cara membuat web GIS selain dengan Google Maps menggunakan PHP dan MySQL

10. Selesai

Sekian tutorial Cara membuat web GIS selain dengan Google Maps menggunakan PHP dan MySQL semoga kalian mengerti dan bermanfaat bagi kita semua. Silahkan berikan kritik dan saran untuk tutorial ini di kolom komentar. Terima Kasih...!!!

You might also like

0 Comments


EmoticonEmoticon