Titik koordinat lokasi merupakan kedudukan suatu titik tertentu pada peta di mana titik tersebut mempertemukan garis vertikal dan garis horizontal pada suatu peta. Titik koordinat menjadi salah satu komponen penting dalam navigasi peta. Titik koordinat akan membantu Anda untuk menelusuri atau mencari titik lokasi tertentu dengan peta yang muncul di aplikasi Google Maps. Seiring dengan pesatnya teknologi informasi, penerapan aplikasi untuk mencari titik koordinat suatu lokasi tidak hanya diterapkan pada Google Maps. Namun, Marker Google Maps juga dapat diterapkan pada sebuah aplikasi bebasis website dengan menggunakan PHP dan MySQL.
Lihat Juga Artikerl Terkait:
- Aplikasi Kurir Pesan Antar Makanan Responsive Web Mobile
- Source Code Aplikasi Pemesanan Kurir Berbasis Web Mobile
Pada kesempatan kali ini saya akan membagikan
sebuah “inspirasi source code” tentang bagaimana cara menampilkan titik koordinat lokasi menggunakan PHP dan MySQL.
Menampilkan peta lokasi google maps berdasarkan titik koordinat latitude dan
longitude suatu wilayah tertentu kemudian ditandai dengan marker google maps.
Pada contoh tutorial kali ini saya akan menginput peta lokasi titik koordinat pada salah satu wilayah yang terletak di Indonesia bagian tengah. Adapun langkah-langkah menampilkan titik koordinat lokasi menggunakan PHP dan MySQL yaitu sebagai berikut:
- Langka pertama yaitu buatlah sebuah database yang berfungsi sebagai atribut penampungan data ,(contoh database: lokasi).
- Selanjutnya buat sebuah tabel yang berfungsi sebagai atribut penyimpanan data (contoh tabel: wilayah).
- Kemudian masukan (insert) beberapa contoh data kedalam tabel tersebut. Berikut merupakan gambar database, tabel dan hasil insert data. Berdasarkan data tersebut diatas maka, proses menampilkan data titik koordinat lokasi akan tampil. Contoh gambar seperti berikut:
- Selanjutnya buatlah sebuah file PHP kemudian simpan dan letakan pada folder projek Anda (contoh tutotial ini: c:/xampp/htdocs/koordinat/index.php). File index inilah yang berfungsi untuk menampilkan titik koordinat lokasi pada halaman aplikasi, selanjutnya untuk memudahkan, silahkan copy script berikut:
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<script
src="https://maps.googleapis.com/maps/api/js?key= APIkeyAnda&callback=initialize"
async defer></script>
<link href="css/theme.css"
rel="stylesheet" media="all">
<title>kodingbuton.com</title>
</head>
<body>
<center>
<h3>Tutorial<a
href="https://www.kodingbuton.com/">kodingbuton.com</a></h3>
<h3> Menampilkan Titik Koordinat
Lokasi Menggunakan PHP dan MySQL</h3>
</center>
<br />
<?php
$conn=($GLOBALS["___mysqli_ston"]
= mysqli_connect("localhost", "root", "")) or
die("Tidak Terkoneksi");
$db=mysqli_select_db($GLOBALS["___mysqli_ston"],
"lokasi") or die ("Database Tidak Terdeteksi");
$info =
mysqli_query($GLOBALS["___mysqli_ston"], "SELECT * FROM
wilayah");
while($row=mysqli_fetch_array($info)){
?>
<script
type="text/javascript">
function initialize() {
var
propertiPeta = {
center: new google.maps.LatLng(<?php echo $row['latitude']; ?>,<?php echo $row['longitude']; ?>),
zoom:
14,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var
peta = new google.maps.Map(document.getElementById("googleMap"),
propertiPeta);
//
membuat Marker
var
marker=new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $row['latitude']; ?>, <?php echo $row['longitude']; ?>),
map: peta
});
}
</script>
<center>
<h3> Titik Koordinat Lokasi: <?php
echo $row['wilayah']; ?></h3>
</center>
<div id="googleMap"
style="width:auto;height:500px;"></div>
<?php } ?>
</body>
Keterangan (berdasarkan latar warna pada script)**:
Script Google Maps API Key (silahkan
sesuaikan dengan APIkeyAnda...), untuk mendapatkan API Key ini dapat
diperoleh dengan gratis menggunakan Akun Google. Silahkan dapatkan API Key Anda
di link ini: Google
Maps API Key ;
Script koneksi database untuk menampilkan data ;
Script menampilkan tabel data dari database;
Script untuk menampilkan marker google maps,
datanya kita ambil dari database MySQL yang telah kita insert sebelumnya,
terdapat tiga atribut yang kita ambil yaitu, wilayah, latitude, dan longitude
(silahkan kembangkan dan atau sesuaikan dengan kebutuhan scrip Anda);
Script yang berfungsi untuk
menampilkan peta lokasi titik koordinat.
Apabila telah selesai membuat script index.php, silahkan jalankan XAMPP kemudian aktifkan Apache dan MySQL selanjutnya buka browser dan ketikan url pada address bar (contoh: localhost/koordinat). Jika semua proses telah sesuai dan berjalan lancar maka halaman grafik akan tampak seperti contoh gambar berikut:
Demikian
pembahasan tutorial tentang Menampilkan Titik
Koordinat Lokasi Menggunakan PHP dan MySQL, semoga
apa yang saya bagikan ini dapat bermanfaat dan menjadi Inspirasi untuk
membuat Source Code halaman website anda.
Lihat juga: Aplikasi Pengaduan Pada Pemadam/Basarnas Berbasis Titik Koordinat Lokasi
|
þ |
Silahkan kunjungi Sitemap
(peta situs kami) untuk menemukan Source Code
dari: Aplikasi, Sistem
Informasi, Sistem
Pendukung Keputusan, Sistem
Pakar, E-Commerce serta Inspirasi lainnya seperti: Tutorial, Edukasi, Judul
Skripsi dan lain-lain. |
|
þ |
Kami juga menerima jasa pembuatan Aplikasi untuk Skripsi/Tugas
Akhir, dan lain-lain. |
Post a Comment