Google Earth Engine APP——gee-ui geetemp 前端团队组件库

通过本地python端的安装实现gee ui在本地的使用

Getting started

安装

  

   

    

     

    
    

     

      git clone git@git.i.com:gee-lab/gee-ui.git
     
    
   

    

     

    
    

     

      cd gee-ui
     
    
   

    

     

    
    

     

      yarn install
     
    
  
 

开发

yarn dev
 

发布

yarn build
 

启动 storybook

storybook 是组件的文档工具，你可以启动它来在线查看组件如何使用，以及组件的 demo

yarn docs
 

现在你可以在浏览器中打开http://localhost:6006, 查看组件使用文档

组件

组件实现

在 src/components 目录下新建一个组件目录，比如 button。现在 components 目录下多了一个 button 目录。

在 button 目录下新建index.js文件，用来编写 button 组件的 js 部分

  

   

    

     

    
    

     

      import React from "react";
     
    
   

    

     

    
    

     

      const AntButton = require("antd/lib/button");
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      export default class Button extends React.Component {
     
    
   

    

     

    
    

     

        render() {
     
    
   

    

     

    
    

     

          const props = { type: "danger", ...this.props };
     
    
   

    

     

    
    

     
    return <
     
    
  
 

文章来源: blog.csdn.net，作者：此星光明，版权归原作者所有，如需转载，请联系作者。

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