• 【GEE笔记3】发布APP(简易版)


    何为GEE发布APP

    就是GEE发布一些APP(应用)
    用官方的话说就是Dynamic, publicly accessible user interfaces for Earth Engine analyses(用于地球引擎分析的动态、可公开访问的用户界面)

    Earth Engine APP是用于 Earth Engine 分析的动态、可共享的用户界面。借助应用程序,人们可以使用简单的 UI 元素来利用 Earth Engine 的数据目录和分析能力。

    从 Earth Engine 发布的应用程序可从发布时生成的应用程序特定 URL 访问。无需 Earth Engine 帐户即可查看已发布的应用程序或与之交互。由其创建者选择的应用程序也可以在用户特定的应用程序库中找到(例如,USERNAME.users.earthengine.app)。

    案例:

    在这里插入图片描述

    代码

    本案例是要制作一个显示地图左右两边不同图层的APP,就是卷帘,左边是RGB,右边是NDVI
    效果如下
    在这里插入图片描述

    代码如下:

    var center = ee.Geometry.Point([116.18, 29.13]);  
    // 初始化地图中心点并显示
    var zoom = 9;  
    // 设置缩放级别
    var leftMap = ui.Map();  
    leftMap.centerObject(center, zoom);  
    var rightMap = ui.Map();  
    rightMap.centerObject(center, zoom);  
    // 设置左右地图
    leftMap.setControlVisibility(false);  
    rightMap.setControlVisibility(false);  
    leftMap.setControlVisibility({zoomControl: true});  
    var linker = new ui.Map.Linker([leftMap, rightMap]);  
    // 关联左右地图
    var splitPanel = ui.SplitPanel({  
    // 设置卷帘
     firstPanel: leftMap,  
     secondPanel: rightMap,  
     // 左右地图面板
     orientation: 'horizontal',  
     // 卷帘方向:水平
     wipe: true  
     // 卷帘效果
    });  
    ui.root.clear();  
    ui.root.add(splitPanel);  
    // 清空原始界面地图内容  
    var landsat = ee.ImageCollection('LANDSAT/LC08/C01/T1_SR')  
                    .filterDate('2018-01-01', '2019-01-01')  
                    .median();  
    landsat = landsat.addBands(landsat.normalizedDifference(['B5', 'B4']).rename("NDVI"));  
    var vis = {bands: ['B4', 'B3', 'B2'], min: 0, max: 3000};  
    leftMap.addLayer(landsat, vis, "rgb");  
    // 左边显示RGB影像 
    var visNDVI = {  
     min: -0.2,  
     max: 0.8,  
     palette: 'FFFFFF,CE7E45,DF923D,F1B555,FCD163,99B718,74A901,66A000,529400,' + 
         '3E8601,207401,056201,004C00,023B01,012E01,011D01,011301'  
    };  
    rightMap.addLayer(landsat.select("NDVI"), visNDVI, 'NDVI');  
    // 右边显示NDVI影像
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42

    卷帘方向和面板布局对比
    code1:水平卷帘,面板合并

     orientation: 'horizontal',  
     wipe: true  
    
    • 1
    • 2

    在这里插入图片描述
    code2:垂直卷帘,面板独立

     orientation: 'vertical',  
     wipe:  false  
    
    • 1
    • 2

    在这里插入图片描述

    发布

    1. 点击Apps
      在这里插入图片描述
    2. 选择创建一个新app
      在这里插入图片描述
    3. 填写APP名称,选择云盘项目(可选)
      在这里插入图片描述
    4. 选择代码,可以是现在正在编辑的,也可以是其他路径的
      在这里插入图片描述
    5. 设置公开细节,包括限制、logo等
      在这里插入图片描述
    6. 发布成功,点击APP名称可运行、点击ID可更新
      在这里插入图片描述

    运行

    在这里插入图片描述

  • 相关阅读:
    notepad++配置python2环境
    【HttpRunnerManager】搭建接口自动化测试平台操作流程
    为什么大数据技术那么火?
    处于损害控制模式的微软表示,它将优先考虑安全性,而不是人工智能
    972信息检索 | 第四章 国内重要的综合性信息检索系统
    vscode配置django环境并创建django项目
    笔试强训day35(抄送列表,年会抽奖)
    华为机试练习题:HJ15 求int型正整数在内存中存储时1的个数
    Python复习(持续更新)
    学习并了解MQ消息队列
  • 原文地址:https://blog.csdn.net/qq_41159191/article/details/126110672