HTMLGeolocationElement: sự kiện location

Cú pháp

Sử dụng tên sự kiện trong các phương thức như addEventListener(), hoặc thiết lập thuộc tính trình xử lý sự kiện.

js

addEventListener("location", (event) => { })

onlocation = (event) => { }

Ví dụ

Sử dụng `location` để phản hồi dữ liệu vị trí và lỗi

Trong bản demo Bản đồ nhúng (mã nguồn) của chúng tôi, chúng tôi sử dụng trình xử lý sự kiện location để phản hồi dữ liệu vị trí và lỗi được nhận:

js

geo.addEventListener("location", () => {
  if (geo.position) {
    console.log(
      `${geo.position.coords.latitude},${geo.position.coords.longitude}`,
    );
    drawMap(geo.position.coords.latitude, geo.position.coords.longitude, geo);
  } else if (geo.error) {
    console.log(geo.error.message);
  }
});

Nếu dữ liệu vị trí được trả về thành công, chúng tôi truy cập nó thông qua thuộc tính HTMLGeolocationElement.position và lấy các giá trị vĩ độ và kinh độ. Chúng tôi ghi log chúng vào bảng điều khiển, sau đó vẽ chúng trên bản đồ bằng cách truyền chúng vào hàm drawMap() cùng với tham chiếu đến đối tượng HTMLGeolocationElement. Nếu yêu cầu dữ liệu thất bại, chúng tôi truy cập lỗi thông qua thuộc tính HTMLGeolocationElement.error và ghi log thông báo lỗi vào bảng điều khiển.

Xem trang chính HTMLGeolocationElement để có hướng dẫn đầy đủ về ví dụ này.