# Getting Cesium to work with Angular 7

**URL:** <https://community.cesium.com/t/getting-cesium-to-work-with-angular-7/8473>\
**Category:** CesiumJS\
**Created:** [July 18, 2019, 3:21am UTC](https://community.cesium.com/t/getting-cesium-to-work-with-angular-7/8473 "2019-07-18T03:21:22Z")\
**Posts on this page:** 12\
**Page:** 2

<div class="post-metadata">

**Author:** ![Mark\_Lawley](https://avatars.discourse-cdn.com/v4/letter/m/9e8a1a/32.png) [@Mark\_Lawley](https://community.cesium.com/u/Mark_Lawley)\
**Post date:** [July 31, 2019, 3:56pm UTC](https://community.cesium.com/t/getting-cesium-to-work-with-angular-7/8473/21 "2019-07-31T15:56:16Z")

</div>

😃 lolz, good to know. 7 minutes would be superhuman, but I was fully ready to accept the presence of Code Superman.  
We can use angular-cesium or not–either is good!

Whenever you’re ready to push up your changes, I can make the PR and merge (looks like the fork up on your remote repo only has my commits in it).  
Wow, I’m excited to see this working!

---

<div class="post-metadata">

**Author:** ![Aristeidis\_Bampakos](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/aristeidis_bampakos/32/2013_2.png) [@Aristeidis\_Bampakos](https://community.cesium.com/u/Aristeidis_Bampakos)\
**Post date:** [July 31, 2019, 9:28pm UTC](https://community.cesium.com/t/getting-cesium-to-work-with-angular-7/8473/22 "2019-07-31T21:28:50Z")

</div>

Here is the related PR [https://github.com/mplawley/jhipster-cesium-template/pull/1](https://github.com/mplawley/jhipster-cesium-template/pull/1) 🙂

---

<div class="post-metadata">

**Author:** ![Mark\_Lawley](https://avatars.discourse-cdn.com/v4/letter/m/9e8a1a/32.png) [@Mark\_Lawley](https://community.cesium.com/u/Mark_Lawley)\
**Post date:** [July 31, 2019, 9:54pm UTC](https://community.cesium.com/t/getting-cesium-to-work-with-angular-7/8473/23 "2019-07-31T21:54:07Z")

</div>

SUCCESS!!! You did it! Happiness ensues.

This is very awesome. From your changes, it looks like the way to go was to load Cesium globally, which makes sense. I’ll explore why those console errors are appearing, but this is fantastic already. I owe you one, for sure. I was out of ideas with the webpack-cesium issues.

I’m going to try an idea I had with making a service worker for Cesium to load up. But your PR already fixes this issue!

---

<div class="post-metadata">

**Author:** ![bpexent](https://avatars.discourse-cdn.com/v4/letter/b/a183cd/32.png) [@bpexent](https://community.cesium.com/u/bpexent)\
**Post date:** [January 14, 2020, 2:30pm UTC](https://community.cesium.com/t/getting-cesium-to-work-with-angular-7/8473/24 "2020-01-14T14:30:45Z")

</div>

hi,

i’m i need deal with the same problem and i was wonder if you have a recent version of the template, because i download and it seems the version of Cesium package it’s different (because i have some include issues in certain files)

---

<div class="post-metadata">

**Author:** ![TJ\_Koury](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/tj_koury/32/3280_2.png) [@TJ\_Koury](https://community.cesium.com/u/TJ_Koury)\
**Post date:** [October 3, 2020, 2:32pm UTC](https://community.cesium.com/t/getting-cesium-to-work-with-angular-7/8473/25 "2020-10-03T14:32:35Z")

</div>

[Try this](https://www.npmjs.com/package/c137.js)

---

<div class="post-metadata">

**Author:** ![Andrew\_Foster](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/andrew_foster/32/6518_2.png) [@Andrew\_Foster](https://community.cesium.com/u/Andrew_Foster)\
**Post date:** [October 6, 2021, 7:20pm UTC](https://community.cesium.com/t/getting-cesium-to-work-with-angular-7/8473/26 "2021-10-06T19:20:37Z")

</div>

Maybe its me, but it is frustrating to be sent to a page with multiple files in github.  
Which files are pertinent to this particular problem?  
Am I the only one who does not want to spend days reviewing other peoples code to find a solution that can be fixed in 1 or 2 files?

---

<div class="post-metadata">

**Author:** ![Andrew\_Foster](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/andrew_foster/32/6518_2.png) [@Andrew\_Foster](https://community.cesium.com/u/Andrew_Foster)\
**Post date:** [October 6, 2021, 7:54pm UTC](https://community.cesium.com/t/getting-cesium-to-work-with-angular-7/8473/27 "2021-10-06T19:54:52Z")

</div>

My problem is I have a blank page with this “process is not defined” error in util.js coming up in the debug

---

<div class="post-metadata">

**Author:** ![Aristeidis\_Bampakos](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/aristeidis_bampakos/32/2013_2.png) [@Aristeidis\_Bampakos](https://community.cesium.com/u/Aristeidis_Bampakos)\
**Post date:** [October 7, 2021, 8:27am UTC](https://community.cesium.com/t/getting-cesium-to-work-with-angular-7/8473/28 "2021-10-07T08:27:25Z")

</div>

Hello @Andrew_Foster,

If you refer to the PR, it was created for a specific problem and may not apply to your particular case. Could you please give more info about the issue that you are facing?

Thanks 😃

---

<div class="post-metadata">

**Author:** ![Andrew\_Foster](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/andrew_foster/32/6518_2.png) [@Andrew\_Foster](https://community.cesium.com/u/Andrew_Foster)\
**Post date:** [October 7, 2021, 2:52pm UTC](https://community.cesium.com/t/getting-cesium-to-work-with-angular-7/8473/29 "2021-10-07T14:52:14Z")

</div>

Thank you for getting back with me.  
Yes, I can see how your response, with the github reference, to the post above makes sense.  
Also, I apologize for venting on the forum.

---

<div class="post-metadata">

**Author:** ![Andrew\_Foster](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/andrew_foster/32/6518_2.png) [@Andrew\_Foster](https://community.cesium.com/u/Andrew_Foster)\
**Post date:** [October 7, 2021, 3:01pm UTC](https://community.cesium.com/t/getting-cesium-to-work-with-angular-7/8473/30 "2021-10-07T15:01:14Z")

</div>

I followed the steps in the link below.

> **[Installation](https://docs.angular-cesium.com/getting-started/installation)**

Then, following the next link in the tutorial below,

> **[The Basics](https://docs.angular-cesium.com/core-concepts/the-basics)**

I entered  
 in app.component.html

And I got a blank white page

I then entered the code below into polyfills.ts

(window as any).global = window;  
(window as any).process = {  
env: { DEBUG: undefined },  
};

Now I get a mostly white page with a very slim map at the top, if I click to expand, I get a black space background with no globe

Also, my assets dir is empty

---

<div class="post-metadata">

**Author:** ![Andrew\_Foster](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/andrew_foster/32/6518_2.png) [@Andrew\_Foster](https://community.cesium.com/u/Andrew_Foster)\
**Post date:** [October 7, 2021, 3:02pm UTC](https://community.cesium.com/t/getting-cesium-to-work-with-angular-7/8473/31 "2021-10-07T15:02:40Z")

</div>

I meant to say

I entered the ac-map tag in app.component.html

---

<div class="post-metadata">

**Author:** ![Aristeidis\_Bampakos](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/aristeidis_bampakos/32/2013_2.png) [@Aristeidis\_Bampakos](https://community.cesium.com/u/Aristeidis_Bampakos)\
**Post date:** [October 11, 2021, 10:14am UTC](https://community.cesium.com/t/getting-cesium-to-work-with-angular-7/8473/32 "2021-10-11T10:14:43Z")

</div>

The slim map at the top sounds like a CSS styling issue. Maybe you can experiment with the CSS properties of the HTML element with the `map-container` class?

BTW, do you have any code or GitHub link from the project that you could share? Bear in mind also that angular-cesium is not directly supported from the Cesium team, so I will try to do my best to help you 🙂

[Previous page](https://community.cesium.com/t/getting-cesium-to-work-with-angular-7/8473.md?page=1)
