Google Earth Engine Client JavaScript API认证失败问题求助

背景与问题 #

已查阅Google Earth Engine客户端JavaScript API文档，基于官方示例代码开发。已完成全部前置配置：通过谷歌账号注册GEE、创建项目、启用Google Earth Engine API、创建OAuth Client ID；使用WAMP服务器作为测试环境，且已将测试邮箱添加至项目成员中。

当前代码无法正常运行，在浏览器控制台网络面板中发现checkOrigin请求始终返回如下内容：

{
  "blocked": true,
  "suppressed": false,
  "valid": true
}

该问题与Stack Overflow相关提问场景一致，但创建Web应用OAuth客户端时，已将测试域名添加至“Authorised JavaScript origins”列表中（附配置截图）。

当前使用代码 #

<!DOCTYPE html>
<html>
  <head>
    <meta name="referrer" content="no-referrer-when-downgrade" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script async defer src="https://maps.googleapis.com/maps/api/js?key=myworkingGoolgeMapKey&callback=doNothing"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/earthengine/0.1.336/earthengine-api.min.js"></script>
    <style>
      /* Set the size of the div element that contains the map. */
      #map-container {
        height: 400px;
        width: 100%;
        background-color: #eee;
      }
    </style>
  </head>
  <body>

    <!-- The "Sign in with Google" button, initially hidden. -->
    <input
      id="g-sign-in"
      type="image"
      src="https://developers.google.com/identity/images/btn_google_signin_light_normal_web.png"
      onclick="onSignInButtonClick()"
      alt="Sign in with Google"
      hidden
    />

    <!-- Element where map will be added. -->
    <div id="map-container"></div>
    <script>
      function doNothing(){
        console.log("ok");
      }

      function errorInit(){
        console.log("initialize error");
      }

      // The OAuth Client ID from the Google Developers Console.
      const CLIENT_ID = "myclientidFromoAuth.apps.googleusercontent.com";
      
      // Initializes Maps JavaScript API and Earth Engine API, instructing the map
      // to pull tiles from Earth Engine and to overlay them on the map.
      function setUpMap() {
        // Hide the sign-in button.
        document.getElementById("g-sign-in").setAttribute("hidden", "true");
      
        // Initialize the Earth Engine API. Must be called once before using the API.
        ee.initialize();
      
        // Get a reference to the placeholder DOM element to contain the map.
        const mapContainerEl = document.getElementById("map-container");
      
        // Create an interactive map inside the placeholder DOM element.
        const embeddedMap = new google.maps.Map(mapContainerEl, {
          // Pan and zoom initial map viewport to Grand Canyon.
          center: {lng: -112.8598, lat: 36.2841},
          zoom: 9,
        });
      
        // Obtain reference to digital elevation model and apply algorithm to
        // calculate slope.
        const srtm = ee.Image("CGIAR/SRTM90_V4");
        const slope = ee.Terrain.slope(srtm);
      
        // Create a new tile source to fetch visible tiles on demand and display them
        // on the map.
        const mapId = slope.getMap({min: 0, max: 60});
        const tileSource = new ee.layers.EarthEngineTileSource(mapId);
        const overlay = new ee.layers.ImageOverlay(tileSource);
        embeddedMap.overlayMapTypes.push(overlay);
      }
      
      // Handles clicks on the sign-in button.
      function onSignInButtonClick() {
        // Display popup allowing the user to sign in with their Google account and to
        // grant appropriate permissions to the app.
        ee.data.authenticateViaPopup(setUpMap);
      }
      
      // If the user is signed in, display a popup requesting permissions needed to
      // run the app, otherwise show the sign-in button.
      $(document).ready(function(){
        ee.data.authenticateViaOauth(
          // The OAuth Client ID defined above.
          CLIENT_ID,
          // Callback invoked immediately when user is already signed in.
          setUpMap,
          // Show authentication errors in a popup.
          errorInit,
          // Request permission to only read and compute Earth Engine data on behalf of
          // user.
          /* extraScopes = */ ['https://www.googleapis.com/auth/earthengine'],
          // Show sign-in button if reusing existing credentials fails.
          () => document.getElementById("g-sign-in").removeAttribute("hidden"),
          // Don't require ability to write and access Cloud Platform on behalf of the
          // user.
          /* opt_suppressDefaultScopes = */ true
        );
      });
      
    </script>
  </body>
</html>

内容的提问来源于stack exchange，提问作者Tufail Ahmad