# Draw a three-dimensional map

**URL:** <https://discourse.threejs.org/t/draw-a-three-dimensional-map/10847>\
**Category:** Questions\
**Tags:** geometry\
**Created:** [November 15, 2019, 7:53am UTC](https://discourse.threejs.org/t/draw-a-three-dimensional-map/10847 "2019-11-15T07:53:53Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![o0\_0o](https://avatars.discourse-cdn.com/v4/letter/o/a88e4f/32.png) [@o0\_0o](https://discourse.threejs.org/u/o0_0o)\
**Post date:** [November 15, 2019, 7:53am UTC](https://discourse.threejs.org/t/draw-a-three-dimensional-map/10847/1 "2019-11-15T07:53:53Z")

</div>

I want to draw a three-dimensional rectangular coordinate system (as shown in the figure) with three.js, but I don’t know what method to use. If anyone knows, please let me know. Thank you! ![example](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/7/7c502c67cab1738762de5105ae507edde925bb52.png)

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [November 15, 2019, 8:08am UTC](https://discourse.threejs.org/t/draw-a-three-dimensional-map/10847/2 "2019-11-15T08:08:30Z")

</div>

Hi!  
Three.js doesn’t have such functionality out-of-box. You have to implement all those things yourself.  
There ara so much stuff in one picture that it’s hard to decide from where to start to advise.

Try to build three perpendicular planes, for example based on `THREE.GridHelper()`, first. Or use this approach for grids: [THREE.InfiniteGridHelper (anti-aliased)](https://discourse.threejs.org/t/three-infinitegridhelper-anti-aliased/8377)

Creativity is up to you 🙂

---

<div class="post-metadata">

**Author:** ![hofk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/hofk/32/44944_2.png) [@hofk](https://discourse.threejs.org/u/hofk)\
**Post date:** [November 15, 2019, 5:12pm UTC](https://discourse.threejs.org/t/draw-a-three-dimensional-map/10847/3 "2019-11-15T17:12:27Z")

</div>

Maybe you can find a suggestion there?  
[https://hofk.de/main/discourse.threejs/2018/Xindex2018.html](https://hofk.de/main/discourse.threejs/2018/Xindex2018.html)

from  
[https://hofk.de/main/discourse.threejs/2018/Xindex2018.html](https://hofk.de/main/discourse.threejs/2018/Xindex2018.html)

see

> [@Collection of examples from discourse.threejs.org](https://discourse.threejs.org/t/collection-of-examples-from-discourse-threejs-org/4315):
>
> The answers to some questions contain some very interesting and instructive basic examples. These are difficult to find in the large number of questions on discourse.There are also good examples in resources and showcase. Therefore I collected them and put them on one page, clearly arranged by time. The collection may be a help for beginners. slightly_smiling_face UPDATE 2019 [http://discourse.threejs.hofk.de/](http://discourse.threejs.hofk.de/) is now redirected to the safe side [\* discourse.threejs.hofk.de](https://hofk.de/main/discourse.threejs/) UPDATE 202…

* * *

So you can put numbers on it.  
[https://hofk.de/main/discourse.threejs/2018/HelperExample/HelperExample.html](https://hofk.de/main/discourse.threejs/2018/HelperExample/HelperExample.html)

see also (line 3859)

> <https://github.com/hofk/THREEf.js/blob/b263d88d9b783b5dca4f5008e718997b6a3e75f0/THREEf_90/THREEf.js>