API định vị địa lý trong HTML là gì?

Cho đến bây giờ, chúng ta đã thấy nhiều tính năng được thiết kế bằng HTML. Một trong những tính năng mới nhất và nâng cao có trong HTML là định vị địa lý. Định vị địa lý HTML hữu ích nhất để phát hiện vị trí của người dùng trên bản đồ. Vì vậy, tính năng này được thiết kế bằng HTML để xác định vị trí chính xác của người dùng trên bản đồ. Vị trí này của người dùng có thể được xác định bằng cách sử dụng các thuộc tính gọi là vĩ độ và kinh độ của vị trí người dùng cụ thể. Điều này chỉ có thể truy xuất thông tin khi người dùng cho phép nó truy cập vị trí. Tính năng HTML này chủ yếu được sử dụng cho mục đích kinh doanh địa phương, để tìm nhà hàng hoặc chọn vị trí trên bản đồ

cú pháp

Đây là cú pháp cho vị trí địa lý HTML như sau. Người ta có thể sử dụng API vị trí, sẽ sử dụng đối tượng điều hướng toàn cầu, như được hiển thị bên dưới

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác

Gói phát triển phần mềm tất cả trong một(hơn 600 khóa học, hơn 50 dự án)

Giá
Xem khóa học

600+ Khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập Trọn đời
4. 6 (84.092 xếp hạng)

var locat = navigator.geolocation;

Vào trình điều hướng cú pháp trên. Vị trí địa lý chịu trách nhiệm cho trình duyệt người dùng để có quyền truy cập vào thông tin vị trí của họ; . Trình duyệt có thể cung cấp chức năng tốt nhất hiện có trên thiết bị, vì vậy người ta có thể dễ dàng truy cập dữ liệu này

Dữ liệu này có thể được truy cập một cách hiệu quả bằng cách sử dụng nhiều cách khác nhau như getCurrentPosition để biết vị trí hiện tại của người dùng hoặc thiết bị, watchPosition, hữu ích bất cứ khi nào vị trí của thiết bị thay đổi và một cách khác như ClearWatch, giúp xóa tất cả cuộc gọi trong

Chức năng này hoạt động trên một số giao diện như sau

1. định vị địa lý. Đây là một trong những API quan trọng nhất của lớp chính, bao gồm một số phương thức giúp lấy vị trí hiện tại của người dùng, theo dõi các thay đổi về vị trí của họ, v.v.
2. Vị trí địa lýVị trí. Điều này được sử dụng để xác định vị trí của người dùng. Bất cứ khi nào một cuộc gọi thành công được xác định ở một trong các vị trí địa lý, thì nó sẽ phối hợp với thể hiện đối tượng của nó
3. tọa độ định vị địa lý. Điều này giúp xác định tọa độ cho vị trí người dùng
4. Vị trí địa lýVị tríLỗi. Giao diện này được gọi cho cuộc gọi không thành công được trả về các phương thức được bao gồm trong định vị địa lý
5. định vị địa lý. Điều này hữu ích khi một đối tượng định vị địa lý được gọi trong định vị địa lý. Vì vậy, có thể truy cập tất cả các chức năng khác từ đây

Phương pháp định vị+63

Có tổng cộng 3 phương pháp được sử dụng trong định vị địa lý HTML để xác định vị trí với giao diện định vị địa lý;

1. getCurrentPosition(). Phương thức cơ bản này trong định vị địa lý HTML giúp phát hiện vị trí địa lý hiện tại của thiết bị hoặc người dùng và dữ liệu trả về của nó trên bản đồ. Phương pháp này hoạt động trên các tham số khác nhau như thành công, lỗi, tùy chọn
2. watchPosition(). Bất cứ khi nào người dùng muốn kiểm tra vị trí sau khi vị trí thiết bị thay đổi, điều này được gọi trong mã hóa để kiểm tra vị trí thiết bị đã thay đổi. Phương thức này gọi các chức năng gọi lại lỗi như Lỗi ngẫu nhiên không xác định. Người dùng không được phép chia sẻ vị trí nếu không có thông tin vị trí nhất định và vị trí được yêu cầu đã hết thời gian chờ
3. ClearWatch (). người ta có thể hủy cuộc gọi watchPosition() trước đó cũng như nó sẽ hủy cuộc gọi watchPosition đang diễn ra bằng cách sử dụng phương pháp định vị địa lý HTML này

Ví dụ về vị trí địa lý HTML

Dưới đây là các ví dụ về định vị địa lý HTML

Ví dụ 1

Trong ví dụ đầu tiên, chúng ta sẽ xem liệu trình duyệt của mình có hỗ trợ tính năng định vị địa lý này hay không;

Mã HTML

HTML Geolocation
Click Here






As we all know, geolocation is the feature used for positioning the exact location of the user or device. But the first step we have to check whether our browser is going to support this geolocation feature or not. 
 This Example illustrates whether our browser is going to support for geolocation or not.

đầu ra

Ví dụ #2

Trong ví dụ này, chúng tôi sẽ hiển thị vị trí chính xác bằng tính năng định vị địa lý HTML, vì vậy nó sẽ hiển thị vị trí chính xác trên bản đồ với giá trị thuộc tính cho vĩ độ và kinh độ như sau

Mã HTML

HTML Geolocation Latitude and Longitude Value
Example showing Geolocation , It will give values for the latitude and longitude after clicking below button
Click Here

đầu ra

Sau khi nhấp vào nút, đầu ra sẽ như hình dưới đây

Ví dụ #3

Trong ví dụ này, chúng tôi sẽ hiển thị vị trí chính xác bằng tính năng định vị địa lý HTML, vì vậy nó sẽ hiển thị vị trí chính xác trên bản đồ với giá trị thuộc tính cho vĩ độ và kinh độ như sau

Mã HTML

Find Your Location on Google Map
In this Example we are going to see exact location on Google map, where actually we are.
 Show my position on Map 

đầu ra

Phần kết luận

Từ tất cả các thông tin trên, chúng tôi đã biết rằng định vị địa lý HTML là một tính năng được sử dụng để xác định vị trí của thiết bị hoặc người dùng trên bản đồ

Nó sử dụng các thuộc tính kinh độ và vĩ độ để xác định vị trí chính xác của người dùng

Tính năng này hoạt động trên các phương thức khác nhau như getCurrentPosition, watchPosition và clearWatch

Bài viết được đề xuất

Đây là hướng dẫn về Định vị địa lý HTML. Ở đây chúng tôi thảo luận về các phương pháp và ví dụ về định vị địa lý cùng với mã HTML và kết quả đầu ra. Bạn cũng có thể xem các bài viết sau để tìm hiểu thêm –

API định vị địa lý HTML hoạt động như thế nào?

API định vị địa lý hoạt động như thế nào?

Định vị địa lý được sử dụng để làm gì?

API định vị địa lý được triển khai như thế nào trong HTML5?