# Unable to determinecesium base url in React js

**URL:** <https://community.cesium.com/t/unable-to-determinecesium-base-url-in-react-js/18460>\
**Category:** CesiumJS\
**Created:** [May 5, 2022, 6:19am UTC](https://community.cesium.com/t/unable-to-determinecesium-base-url-in-react-js/18460 "2022-05-05T06:19:49Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Soumyaranjan\_Nayak](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/soumyaranjan_nayak/32/8049_2.png) [@Soumyaranjan\_Nayak](https://community.cesium.com/u/Soumyaranjan_Nayak)\
**Post date:** [May 5, 2022, 6:19am UTC](https://community.cesium.com/t/unable-to-determinecesium-base-url-in-react-js/18460/1 "2022-05-05T06:19:49Z")

</div>

Error constructing CesiumWidget.  
Visit [http://get.webgl.org](http://get.webgl.org) to verify that your web browser and hardware support WebGL. Consider trying a different web browser or updating your video drivers. Detailed error information is below:  
DeveloperError: Unable to determine Cesium base URL automatically, try defining a global variable called CESIUM\_BASE\_URL.  
Error  
at new DeveloperError (DeveloperError.js:39:1)  
at getCesiumBaseUrl (buildModuleUrl.js:64:1)  
at buildModuleUrlFromBaseUrl (buildModuleUrl.js:84:1)  
at buildModuleUrl (buildModuleUrl.js:122:1)  
at getDefaultCredit (CreditDisplay.js:565:1)  
at Function.get (CreditDisplay.js:599:1)  
at new CreditDisplay (CreditDisplay.js:347:1)  
at new Scene (Scene.js:197:1)  
at new CesiumWidget (CesiumWidget.js:264:1)  
at new Viewer (Viewer.js:478:1)

---

<div class="post-metadata">

**Author:** ![Soumyaranjan\_Nayak](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/soumyaranjan_nayak/32/8049_2.png) [@Soumyaranjan\_Nayak](https://community.cesium.com/u/Soumyaranjan_Nayak)\
**Post date:** [May 5, 2022, 6:20am UTC](https://community.cesium.com/t/unable-to-determinecesium-base-url-in-react-js/18460/2 "2022-05-05T06:20:26Z")

</div>

Please give me suggestion how to fix this

---

<div class="post-metadata">

**Author:** ![Gu-Miao](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/gu-miao/32/6222_2.png) [@Gu-Miao](https://community.cesium.com/u/Gu-Miao)\
**Post date:** [May 6, 2022, 7:04am UTC](https://community.cesium.com/t/unable-to-determinecesium-base-url-in-react-js/18460/3 "2022-05-06T07:04:06Z")

</div>

Declare `window.CESIUM_BASE_URL`. Check out offical website webpack guidence to learn more.

---

<div class="post-metadata">

**Author:** ![Soumyaranjan\_Nayak](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/soumyaranjan_nayak/32/8049_2.png) [@Soumyaranjan\_Nayak](https://community.cesium.com/u/Soumyaranjan_Nayak)\
**Post date:** [May 19, 2022, 5:49am UTC](https://community.cesium.com/t/unable-to-determinecesium-base-url-in-react-js/18460/4 "2022-05-19T05:49:30Z")

</div>

Uploading: Screenshot (17).png…  
kindly give me some reference to do this cockpits

---

<div class="post-metadata">

**Author:** ![Soumyaranjan\_Nayak](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/soumyaranjan_nayak/32/8049_2.png) [@Soumyaranjan\_Nayak](https://community.cesium.com/u/Soumyaranjan_Nayak)\
**Post date:** [May 19, 2022, 5:51am UTC](https://community.cesium.com/t/unable-to-determinecesium-base-url-in-react-js/18460/5 "2022-05-19T05:51:13Z")

</div>

![Screenshot (36)](https://global.discourse-cdn.com/cesium/original/2X/4/4fc6a0a00cdfdd3b7db47cd444e15c7d5e968a15.jpeg)  
Hi Gu-Miao,  
kindly give me some refence how to create like this cockpits by cesium js ,kindly help me to do this

---

<div class="post-metadata">

**Author:** ![Gu-Miao](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/gu-miao/32/6222_2.png) [@Gu-Miao](https://community.cesium.com/u/Gu-Miao)\
**Post date:** [May 19, 2022, 6:10am UTC](https://community.cesium.com/t/unable-to-determinecesium-base-url-in-react-js/18460/6 "2022-05-19T06:10:49Z")

</div>

I think you should learn about `CZML` firstly.  
wiki: [Home · AnalyticalGraphicsInc/czml-writer Wiki · GitHub](https://github.com/AnalyticalGraphicsInc/czml-writer/wiki)  
doc: [CzmlDataSource - Cesium Documentation](https://cesium.com/learn/cesiumjs/ref-doc/CzmlDataSource.html#CzmlDataSource)  
demo: [Cesium Sandcastle](https://sandcastle.cesium.com/?src=CZML%20Path.html&label=CZML)

---

<div class="post-metadata">

**Author:** ![Soumyaranjan\_Nayak1](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/soumyaranjan_nayak1/32/9310_2.png) [@Soumyaranjan\_Nayak1](https://community.cesium.com/u/Soumyaranjan_Nayak1)\
**Post date:** [July 26, 2022, 8:36am UTC](https://community.cesium.com/t/unable-to-determinecesium-base-url-in-react-js/18460/7 "2022-07-26T08:36:35Z")

</div>

Hi Gu-Miao,  
I have succesfully created 3d flight visulisation but i am unable to create cockpits like airspeedmeter,compass,vertical speedmeter and altitude meter .please check screenshot

 ![Screenshot (123)](https://global.discourse-cdn.com/cesium/original/2X/5/5dfe67a65fbf4677d89286bba689b8b55317eca1.jpeg)

please suggest me how to create like this by ui and pass data according flight data to rotate
