Earth Engine User Interface API

Earth Engine ให้สิทธิ์เข้าถึงวิดเจ็ตอินเทอร์เฟซผู้ใช้ (UI) ฝั่งไคลเอ็นต์ผ่านแพ็กเกจ ui ใช้แพ็กเกจ ui เพื่อสร้างอินเทอร์เฟซแบบกราฟิกสำหรับสคริปต์ Earth Engine อินเทอร์เฟซเหล่านี้อาจมีวิดเจ็ตอินพุตง่ายๆ เช่น ปุ่มและช่องทําเครื่องหมาย วิดเจ็ตที่ซับซ้อนมากขึ้น เช่น แผนภูมิและแผนที่ แผงเพื่อควบคุมเลย์เอาต์ของ UI และตัวแฮนเดิลเหตุการณ์สำหรับการโต้ตอบระหว่างวิดเจ็ต UI สํารวจฟังก์ชันการทํางานทั้งหมดของ ui API ในแท็บเอกสารทางด้านซ้ายของตัวแก้ไขโค้ด ตัวอย่างต่อไปนี้ใช้แพ็กเกจ ui เพื่อแสดงฟังก์ชันพื้นฐานในการสร้างวิดเจ็ต การกำหนดลักษณะการทำงานเมื่อผู้ใช้คลิกวิดเจ็ต และการแสดงวิดเจ็ต

สวัสดีทุกคน

ตัวอย่างนี้แสดง UI ง่ายๆ ของปุ่มที่แสดงในคอนโซล การคลิกปุ่มจะส่งผลให้ระบบพิมพ์ "Hello, world!" ไปยังคอนโซล

เครื่องมือแก้ไขโค้ด (JavaScript)

// Make a button widget.
var button = ui.Button('Click me!');

// Set a callback function to run when the
// button is clicked.
button.onClick(function() {
  print('Hello, world!');
});

// Display the button in the console.
print(button);

โปรดสังเกตว่าก่อนอื่น ระบบจะสร้างปุ่มด้วยอาร์กิวเมนต์เดียว ซึ่งเป็นป้ายกำกับของปุ่ม จากนั้นระบบจะเรียกใช้ฟังก์ชัน onClick() ของปุ่ม อาร์กิวเมนต์ของ onClick() คือฟังก์ชันอื่นที่จะทำงานทุกครั้งที่มีการคลิกปุ่ม กลไกการเรียกใช้ฟังก์ชัน (ฟังก์ชัน "การเรียกกลับ") เมื่อเกิดเหตุการณ์เรียกว่า "ตัวแฮนเดิลเหตุการณ์" และใช้ในคลัง UI อย่างกว้างขวาง ในตัวอย่างนี้ เมื่อมีการคลิกปุ่ม ฟังก์ชันจะพิมพ์ "Hello, world!" ไปยังคอนโซล

ความสามารถในการเปลี่ยนแปลงได้

โปรดทราบว่าออบเจ็กต์ภายในเนมสเปซ ui.* นั้นเปลี่ยนแปลงได้ ซึ่งต่างจากออบเจ็กต์ในเนมสเปซ ee.* คุณจึงไม่ต้องกำหนดค่าออบเจ็กต์ให้กับตัวแปรใหม่ทุกครั้งที่เรียกใช้ฟังก์ชันอินสแตนซ์บนออบเจ็กต์ เพียงเรียกใช้ฟังก์ชันก็จะเป็นการทำให้วิดเจ็ตเปลี่ยนแปลง (เปลี่ยน) การต่อโค้ดต่อไปนี้ต่อท้ายตัวอย่างก่อนหน้าจะส่งผลให้มีการลงทะเบียนการเรียกกลับอื่นสําหรับเหตุการณ์การคลิกของปุ่ม

เครื่องมือแก้ไขโค้ด (JavaScript)

// Set another callback function on the button.
button.onClick(function() {
  print('Oh, yeah!');
});

คัดลอกโค้ดนี้ไปไว้ที่ท้ายตัวอย่างก่อนหน้า แล้วคลิกเรียกใช้ ตอนนี้เมื่อคลิกปุ่ม ระบบจะพิมพ์ข้อความทั้ง 2 รายการลงในคอนโซล

ใช้หน้า UI เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับการสร้าง UI สําหรับสคริปต์ Earth Engine หน้าวิดเจ็ตมีภาพแนะนำและอธิบายฟังก์ชันพื้นฐานของวิดเจ็ตในแพ็กเกจ ui หน้าแผงและเลย์เอาต์จะอธิบายคอนเทนเนอร์และเลย์เอาต์ระดับบนสุดที่คุณใช้จัดระเบียบและจัดเรียงวิดเจ็ตได้ หน้าเหตุการณ์มีรายละเอียดเกี่ยวกับการกําหนดค่าลักษณะการทํางานและการโต้ตอบของวิดเจ็ตใน UI