Pada artikel ini, kita akan belajar tentang Cara Mendapatkan Lokasi Pengunjung Saat Ini menggunakan HTML5 Geolocation API di PHP. Fitur geolokasi di HTML5 memungkinkan Anda untuk menentukan koordinat geografis dari lokasi pengunjung situs web Anda saat ini (lintang dan bujur)
Fitur ini Dapatkan Lokasi Pengunjung Saat Ini membantu memberikan pengunjung situs web pengalaman menjelajah yang lebih baik. Misalnya, Anda dapat mengembalikan hasil pencarian yang dekat dengan lokasi pengguna
Daftar isi
Dapatkan Koordinat Lokasi Pengunjung Saat Ini
Sekarang, kita semua dikelilingi oleh smartphone sehingga hidup kita tidak dapat berlanjut ke web dan aplikasi untuk setiap kebutuhan tanpa waktu. Hanya dalam beberapa tahun, smartphone telah berkembang pesat dan sekarang menawarkan berbagai fitur yang membuat hidup kita jauh lebih mudah. API Geolokasi adalah salah satu fitur tambahan yang paling penting bagi orang-orang yang kesulitan lokasi. Sebagian besar perusahaan saat ini menawarkan layanan berbasis lokasi dan, oleh karena itu, API Geolokasi HTML5 ini perlu diintegrasikan ke dalam aplikasi PHP
Mari Kita Mulai
Pertama, kita akan mulai dengan kodenya. di bawah ini adalah struktur Kode yang akan kami ikuti
- indeks. html
- geocoordinates. php
Langkah 1. Sekarang buat file baru dengan index. html
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
Klik button to get your coordinates.
Get My Location
Map Url');
}lain{
jQuery("#location").html('Tidak Tersedia');
}
}
});
}
Catatan
2
3
4
src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
Kode ini digunakan untuk fungsi html Geolocation API. Saat Anda perlu mendapatkan informasi Geolokasi, Anda harus menggunakan perpustakaan ini
Skrip berikut digunakan untuk memvalidasi apakah API Geolokasi didukung atau tidak
2
3
4
5
6
7
8
9
10
11
12
13
var x = dokumen. getElementById("demo");
fungsi getLocation() {
x. innerHTML = "Harap Tunggu. Kami sedang memuat lokasi Anda";
jika (navigator. geolokasi) {
navigator. geolokasi. watchPosition(showPosition);
} lain {
x. innerHTML = "Geolokasi tidak didukung oleh browser ini. ";
}
}
Jika Anda menerima informasi Geolokasi pengunjung, gunakan fungsi di bawah untuk mendapatkan alamat format
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
fungsi showPosition(posisi) {
x. innerHTML="Latitude. " + posisi. koord. lintang +
" + posisi. koord. bujur;
jQuery. ajax({
ketik. 'POST',
url. 'koordinat geografis. php',
data. 'lat='+posisi. koord. lintang+'&lng='+position.koord. bujur,
sukses. fungsi(alamat){
jika(alamat){
var encodedUrl = encodeURIComponent(address);
jQuery("#location").html(alamat);
jQuery("#mapurl").html(''''''''''''''''''+encodedUrl+'">Map Url');
}lain{
jQuery("#location").html('Tidak Tersedia');
}
}
});
}
Langkah 2. Sekarang buat koordinat geografis. file php
geocoordinates. Kode php Ajax akan membantu menemukan alamat pengunjung menggunakan Koordinat Geolokasi
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
Catatan
2
3
4
https. //peta. googleapis. com/maps/api/geocode/json?latlng='. pangkas($lat). ','. pangkas($lng). '&sensor=false&key=YOUR_API_KEY
YOUR_API_KEY= Anda perlu mengganti ini dengan Google map API Key Anda
Keluaran Kode
LIHAT JUGA. Cara memindahkan marker animasi dengan lancar menggunakan Google Map Javascript API
Kesimpulan
Mendapatkan detail posisi pengunjung situs menggunakan API geolokasi HTML5 cukup sederhana. Menggunakan metode yang dikemas ke dalam navigator objek. geolokasi — watchPosition()
Kode Unduhan Gratis
Apakah Anda ingin mendapatkan bantuan implementasi, atau memodifikasi atau memperluas fungsionalitas skrip ini?
Pradeep Maurya
Pradeep Maurya adalah Pengembang & Desainer Web Profesional dan Pendiri "situs web Tutorial". Dia tinggal di Delhi dan suka menjadi orang yang mandiri. Sebagai pemilik, dia mencoba yang terbaik untuk meningkatkan platform ini dari hari ke hari. Gairah, dedikasi, dan kemampuan pengambilan keputusan yang cepat untuk berdiri terpisah dari orang lain. Dia seorang blogger yang rajin dan menulis di publikasi seperti Dzone, e27. bersama