Trong bài viết này, chúng ta sẽ tìm hiểu về Cách lấy vị trí khách truy cập hiện tại bằng API định vị địa lý HTML5 trong PHP. Tính năng định vị địa lý trong HTML5 cho phép bạn xác định tọa độ địa lý của vị trí khách truy cập hiện tại của trang web của bạn [kinh độ và vĩ độ]
Tính năng này Nhận vị trí khách truy cập hiện tại giúp cung cấp cho khách truy cập trang web trải nghiệm duyệt web tốt hơn. Chẳng hạn, bạn có thể trả về kết quả tìm kiếm gần với vị trí của người dùng
Mục lục
Nhận tọa độ vị trí của khách truy cập hiện tại
Giờ đây, tất cả chúng ta đều bị bao quanh bởi những chiếc điện thoại thông minh khiến cuộc sống của chúng ta không thể tiếp tục với web và ứng dụng cho mọi nhu cầu mà không có một khoảnh khắc nào. Chỉ trong vài năm, điện thoại thông minh đã phát triển vượt bậc và giờ đây chúng cung cấp nhiều tính năng giúp cuộc sống của chúng ta dễ dàng hơn nhiều. API vị trí địa lý là một trong những tính năng bổ sung quan trọng nhất dành cho những người gặp thách thức về vị trí. Hầu hết các công ty hiện đang cung cấp các dịch vụ dựa trên vị trí và do đó, API định vị địa lý HTML5 này cần được tích hợp vào ứng dụng PHP
Bắt đầu nào
Đầu tiên, chúng ta sẽ bắt đầu với mã. bên dưới là cấu trúc mã chúng tôi sẽ làm theo
- mục lục. html
- tọa độ địa lý. php
Bước 1. Bây giờ hãy tạo một tệp mới với chỉ mục. 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
Nhấp vào the button to get your coordinates.
Get My Location
Map Url'];
}else{
jQuery["#location"].html['Không khả dụng'];
}
}
}];
}
Ghi chú
2
3
4
src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
Mã này được sử dụng cho chức năng API định vị địa lý html. Khi cần lấy thông tin Geolocation thì phải dùng thư viện này
Tập lệnh sau được sử dụng để xác thực xem Geolocation API có được hỗ trợ hay không
2
3
4
5
6
7
8
9
10
11
12
13
var x = tài liệu. getElementById["demo"];
function getLocation[] {
x. innerHTML = "Vui lòng đợi. Chúng tôi đang tải vị trí của bạn";
if [trình điều hướng. vị trí địa lý] {
trình điều hướng. vị trí địa lý. watchPosition[showPosition];
} else {
x. innerHTML = "Trình duyệt này không hỗ trợ vị trí địa lý. ";
}
}
Nếu bạn nhận được thông tin vị trí địa lý của khách truy cập, hãy sử dụng chức năng bên dưới để lấy định dạng địa chỉ
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
chức năng showPosition[vị trí] {
x. innerHTML="Latitude. " + vị trí. cung. vĩ độ +
" + vị trí. cung. kinh độ;
jQuery. ajax[{
loại. 'POST',
url. 'tọa độ địa lý. php',
dữ liệu. 'lat='+vị trí. cung. vĩ độ+'&lng='+position.cung. kinh độ,
thành công. chức năng[địa chỉ]{
if[địa chỉ]{
var encodedUrl = encodeURIComponent[address];
jQuery["#location"].html[địa chỉ];
jQuery["#mapurl"].html[''''''''''''''''''+encodedUrl+'">Map Url'];
}else{
jQuery["#location"].html['Không khả dụng'];
}
}
}];
}
Bước 2. Bây giờ tạo tọa độ địa lý. tập tin php
tọa độ địa lý. php Mã Ajax sẽ giúp tìm địa chỉ của khách truy cập bằng Tọa độ định vị địa lý
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
Ghi chú
2
3
4
https. //bản đồ. googleapis. com/maps/api/mã địa lý/json?latlng='. cắt[$lat]. ','. cắt[$lng]. '&sensor=false&key=YOUR_API_KEY
YOUR_API_KEY= bạn cần thay thế cái này bằng Khóa API google map của bạn
Đầu ra mã
CŨNG THẤY. Cách di chuyển điểm đánh dấu hoạt hình mượt mà bằng API Javascript của Google Map
Phần kết luận
Nhận chi tiết vị trí của khách truy cập trang web bằng API định vị địa lý HTML5 khá đơn giản. Sử dụng các phương thức được đóng gói trong bộ điều hướng đối tượng. định vị địa lý — watchPosition[]
Mã tải xuống miễn phí
Bạn có muốn nhận trợ giúp triển khai hay sửa đổi hoặc mở rộng chức năng của tập lệnh này không?
Pradeep Maurya
Pradeep Maurya là Nhà thiết kế & Nhà phát triển web chuyên nghiệp và là Người sáng lập “Trang web hướng dẫn”. Anh ấy sống ở Delhi và thích trở thành một người tự lập. Với tư cách là chủ sở hữu, anh ấy đang cố gắng hết sức để cải thiện nền tảng này từng ngày. Niềm đam mê, sự cống hiến và khả năng ra quyết định nhanh chóng của anh ấy nổi bật so với những người khác. Anh ấy là một người đam mê viết blog và viết trên các ấn phẩm như Dzone, e27. đồng