地球引擎高级教程——将地图展示界面差分成多个界面（洪水前后的案例）

拆分面板应用程序模板

Earth Engine Apps 的一个常见用例是在拆分面板应用程序中显示 2 个图像。下面的脚本包含一个简单的模板，可用于创建交互式拆分面板应用程序。这里我们有 2 个地图对象 -leftMap和rightMap. 您可以向每个地图添加不同的图像，用户将能够并排浏览它们。[查看动画 GIF ↗ ]

  

   

    

     

    
    

     

      // 2018 年 6 月 9 日 - 一场巨大的沙尘暴袭击了印度北部
     
    
   

    

     

    
    

     

      // 此示例显示来自 Sentinel-2 的前后图像
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      // 显示地图的两个可视化。
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      // 设置中心和缩放级别。
     
    
   

    

     

    
    

     

      var center = {lon: 77.47, lat: 28.41, zoom: 12};
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      // 创建两个地图分别放在左右两边
     
    
   

    

     

    
    

     

      var leftMap = ui.Map(center);
     
    
   

    

     

    
    

     

      var rightMap = ui.Map(center);
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      // 从两个地图中删除 UI 控件，但在左侧地图上保留缩放控件。
     
    
   

    

     

    
    

     

      //删除就是设置成false
     
    
   

    

     

    
    

     

      leftMap.setControlVisibility(false);
     
    
   

    

     

    
    

     

      rightMap.setControlVisibility(false);
     
    
   

    

     

    
    

     

      leftMap.setControlVisibility({zoomControl: true});
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      // 将左右两个连接起来
     
    
   

    

     

    
    

     

      var linke
     
    
  
 

  
 
 

文章来源: blog.csdn.net，作者：此星光明2021年博客之星云计算Top3，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/qq_31988139/article/details/120496950