科技与应用网站网络优化外包

作者：CSDN @ _养乐多_

本文记录了在 Google Earth Engine（GEE）上实现简单计算器的代码。

APP链接：https://949384116.users.earthengine.app/view/simplecalculator

一、完整代码

// 定义初始变量
var inputText = ui.Textbox('0', ''); // 文本框用于显示输入和结果
inputText.style().set({width: '194px', textAlign: 'center'}); // 设置文本框宽度和文本居中
var buttons = []; // 数字和运算符按钮
var result = 0; // 保存计算结果// 创建数字按钮（0-9）
for (var i = 0; i <= 9; i++) {buttons.push(ui.Button(i.toString(), function(button) {return function() {var currentInput = inputText.getValue();if (currentInput === '0') {inputText.setValue(button);} else {inputText.setValue(currentInput + button);}};}(i.toString())));
}// 创建运算符按钮（+、-、*、/）
var operators = ['+', '-', '*', '/'];
for (var j = 0; j < operators.length; j++) {buttons.push(ui.Button(operators[j], function(operator) {return function() {var currentInput = inputText.getValue();if (!isNaN(parseFloat(currentInput))) {result = eval(currentInput); // 使用eval计算结果inputText.setValue(result + operator);}};}(operators[j])));
}// 创建等号按钮
buttons.push(ui.Button('=', function() {var currentInput = inputText.getValue();if (!isNaN(parseFloat(currentInput))) {result = eval(currentInput);inputText.setValue(result.toString());}
}));// 创建小数点按钮
buttons.push(ui.Button('.', function() {var currentInput = inputText.getValue();if (currentInput.indexOf('.') === -1) {inputText.setValue(currentInput + '.');}
}));// 创建清空按钮
buttons.push(ui.Button('清空', function() {inputText.setValue('0');result = 0;
}));// 创建一个面板来容纳按钮
// var buttonPanel = ui.Panel(buttons, ui.Panel.Layout.flow('horizontal'));
var row1Panel = ui.Panel([inputText, buttons[16]], ui.Panel.Layout.flow('horizontal'));
var row2Panel = ui.Panel([buttons[1], buttons[2], buttons[3], buttons[10]], ui.Panel.Layout.flow('horizontal'), { color : '#8E8E8E',border: ''});
var row3Panel = ui.Panel([buttons[4], buttons[5], buttons[6], buttons[11]], ui.Panel.Layout.flow('horizontal'), { color : '#8E8E8E',border: ''});
var row4Panel = ui.Panel([buttons[7], buttons[8], buttons[9], buttons[12]], ui.Panel.Layout.flow('horizontal'), { color : '#8E8E8E',border: ''});
var row5Panel = ui.Panel([buttons[13], buttons[0], buttons[15], buttons[14]], ui.Panel.Layout.flow('horizontal'), { color : '#8E8E8E',border: ''});// 创建一个面板来容纳界面元素
var panel = ui.Panel([// buttonPanel,row1Panel,row2Panel,row3Panel,row4Panel,row5Panel
]);// 在地图上显示面板
Map.add(ui.Panel(panel));

二、代码链接

https://code.earthengine.google.com/4607cd48d41ced0af8d7fcaccd3e94e0?noload=true

声明：
本人作为一名作者，非常重视自己的作品和知识产权。在此声明，本人的所有原创文章均受版权法保护，未经本人授权，任何人不得擅自公开发布。
本人的文章已经在一些知名平台进行了付费发布，希望各位读者能够尊重知识产权，不要进行侵权行为。任何未经本人授权而将付费文章免费或者付费（包含商用）发布在互联网上的行为，都将视为侵犯本人的版权，本人保留追究法律责任的权利。
谢谢各位读者对本人文章的关注和支持！