Cordova - Định hướng thiết bị
La bàn được sử dụng để hiển thị hướng liên quan đến điểm chính bắc địa lý.
Bước 1 - Cài đặt plugin Định hướng thiết bị
Mở command prompt cửa sổ và chạy phần sau.
C:\Users\username\Desktop\CordovaProject>cordova plugin
add cordova-plugindevice-orientation
Bước 2 - Thêm các nút
Plugin này tương tự như accelerationcắm vào. Bây giờ chúng ta hãy tạo hai nút trongindex.html.
<button id = "getOrientation">GET ORIENTATION</button>
<button id = "watchOrientation">WATCH ORIENTATION</button>
Bước 3 - Thêm người nghe sự kiện
Bây giờ, chúng tôi sẽ thêm event listeners bên trong onDeviceReady chức năng trong index.js.
document.getElementById("getOrientation").addEventListener("click", getOrientation);
document.getElementById("watchOrientation").addEventListener("click", watchOrientation);
Bước 4 - Tạo các hàm
Chúng tôi sẽ tạo ra hai chức năng; chức năng đầu tiên sẽ tạo ra gia tốc hiện tại và chức năng kia sẽ kiểm tra các thay đổi hướng. Bạn có thể thấy rằng chúng tôi đang sử dụngfrequency một lần nữa để theo dõi các thay đổi xảy ra ba giây một lần.
function getOrientation() {
navigator.compass.getCurrentHeading(compassSuccess, compassError);
function compassSuccess(heading) {
alert('Heading: ' + heading.magneticHeading);
};
function compassError(error) {
alert('CompassError: ' + error.code);
};
}
function watchOrientation(){
var compassOptions = {
frequency: 3000
}
var watchID = navigator.compass.watchHeading(compassSuccess,
compassError, compassOptions);
function compassSuccess(heading) {
alert('Heading: ' + heading.magneticHeading);
setTimeout(function() {
navigator.compass.clearWatch(watchID);
}, 10000);
};
function compassError(error) {
alert('CompassError: ' + error.code);
};
}
Vì plugin la bàn gần giống như plugin tăng tốc, chúng tôi sẽ hiển thị cho bạn mã lỗi lần này. Một số thiết bị không có cảm biến từ tính cần thiết để la bàn hoạt động. Nếu thiết bị của bạn không có nó, lỗi sau sẽ được hiển thị.