feat(globe): use new basemap tiles (#364)

ubilabs · Jun 22, 2020 · bb5660a · bb5660a
1 parent 5b26cf5
commit bb5660a
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 14 deletions.
diff --git a/src/scripts/components/globe/globe.tsx b/src/scripts/components/globe/globe.tsx
@@ -1,14 +1,4 @@
 import React, {FunctionComponent, useRef, useEffect, useState} from 'react';
-
-import {
-  getGlobeView,
-  setGlobeView,
-  flyToGlobeView
-} from '../../libs/get-globe-view';
-
-import {GlobeView} from '../../types/globe-view';
-import {GlobeProjection} from '../../types/globe-projection';
-
 import 'cesium/Build/Cesium/Widgets/widgets.css';
 import {
   Viewer,
@@ -18,18 +8,28 @@ import {
   TileMapServiceImageryProvider,
   UrlTemplateImageryProvider,
   TextureMinificationFilter,
-  TextureMagnificationFilter,
-  buildModuleUrl
+  TextureMagnificationFilter
 } from 'cesium';
 
+import {
+  getGlobeView,
+  setGlobeView,
+  flyToGlobeView
+} from '../../libs/get-globe-view';
+
+import {GlobeView} from '../../types/globe-view';
+import {GlobeProjection} from '../../types/globe-projection';
+import config from '../../config/main';
+
 import {GlobeProjectionState} from '../../types/globe-projection-state';
 
 import styles from './globe.styl';
 
 // create default imagery provider
-const tileUrl = buildModuleUrl('Assets/Textures/NaturalEarthII');
 const imageryProvider = new TileMapServiceImageryProvider({
-  url: tileUrl
+  url: config.basemapTilesUrl,
+  fileExtension: 'png',
+  maximumLevel: 4
 });
 
 const cesiumOptions = {

diff --git a/src/scripts/config/main.ts b/src/scripts/config/main.ts
@@ -36,6 +36,8 @@ export default {
     stories: `https://storage.googleapis.com/esa-cfs-storage/${version}/stories/stories-{lang}.json`,
     story: `https://storage.googleapis.com/esa-cfs-storage/${version}/stories/{id}/{id}-{lang}.json`
   },
+  basemapTilesUrl:
+    'https://storage.googleapis.com/esa-cfs-tiles/0.5.1/basemap/',
   globe: globeState,
   share: {
     facebook: