diff --git a/tugas03/README.md b/tugas03/README.md new file mode 100644 index 0000000..5c90bc1 --- /dev/null +++ b/tugas03/README.md @@ -0,0 +1,30 @@ +# Project 3 - Layer Groups dan Layers Control SPBU + +Project ini khusus untuk memperlihatkan konsep: + +- `L.layerGroup()` +- `L.control.layers()` +- Pemisahan layer berdasarkan atribut data + +Data SPBU dipisahkan menjadi: + +1. SPBU buka 24 jam. +2. SPBU tidak buka 24 jam. + +## Database + +Import file `database.sql` ke phpMyAdmin. Database yang dibuat adalah: + +`webgis_spbu_layer_p3` + +Tabel utama: + +`spbu` + +## Cara Menjalankan + +1. Letakkan folder ini di `htdocs`. +2. Jalankan Apache dan MySQL. +3. Import `database.sql`. +4. Buka `http://localhost/webgis_pisah/project_03_layer_control_spbu/`. +5. Gunakan checkbox layer di kanan atas untuk menampilkan atau menyembunyikan kelompok SPBU. diff --git a/tugas03/api.php b/tugas03/api.php new file mode 100644 index 0000000..022ff35 --- /dev/null +++ b/tugas03/api.php @@ -0,0 +1,15 @@ +query($sql); +$data = []; + +while ($row = $result->fetch_assoc()) { + $data[] = $row; +} + +echo json_encode($data); +$conn->close(); +?> diff --git a/tugas03/connect.php b/tugas03/connect.php new file mode 100644 index 0000000..f58dec2 --- /dev/null +++ b/tugas03/connect.php @@ -0,0 +1,19 @@ +connect_error) { + http_response_code(500); + die(json_encode([ + "status" => "error", + "message" => "Koneksi database gagal: " . $conn->connect_error + ])); +} + +$conn->set_charset('utf8mb4'); +?> diff --git a/tugas03/index.html b/tugas03/index.html new file mode 100644 index 0000000..c76fac3 --- /dev/null +++ b/tugas03/index.html @@ -0,0 +1,113 @@ + + + + + + Project 3 - Layer Groups dan Layers Control SPBU + + + + +
+

Project 3 - Layer Groups & Layers Control

+

Data SPBU dipisahkan menjadi layer 24 jam dan tidak 24 jam.

+
+
+ + + + +