计算器"/>
GEE:GEE中实现简单计算器
作者:CSDN @ _养乐多_
本文记录了在 Google Earth Engine(GEE)上实现简单计算器的代码。
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));
二、代码链接
=true
声明:
本人作为一名作者,非常重视自己的作品和知识产权。在此声明,本人的所有原创文章均受版权法保护,未经本人授权,任何人不得擅自公开发布。
本人的文章已经在一些知名平台进行了付费发布,希望各位读者能够尊重知识产权,不要进行侵权行为。任何未经本人授权而将付费文章免费或者付费(包含商用)发布在互联网上的行为,都将视为侵犯本人的版权,本人保留追究法律责任的权利。
谢谢各位读者对本人文章的关注和支持!
更多推荐
GEE:GEE中实现简单计算器
发布评论