---
title: "3D vector tiles with Cesium | Guides | Self hosting | Self hosted maps"
description: "Visualize terrain with 3D vector tiles using Cesium JS."
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# 3D vector tiles with Cesium

This article contains information about how to work with 3D vector tiles and Cesium.

![Screenshot\_2022-12-21\_at\_10.21.49.png](./11587646001937_87796dcafe.webp)

[See how 3D tiles and Cesium can work together.](https://www.maptiler.com/maps/3d/#10.4800/46.8400/4300/270/-20)

## Terrain modeling

3D terrain data can be represented in several ways. In the field of [GIS](https://en.wikipedia.org/wiki/Geographic_information_system), [raster](https://en.wikipedia.org/wiki/Raster_graphics) file images are usually used, and each cell value represents elevation ([Digital Elevation Model](https://en.wikipedia.org/wiki/Digital_elevation_model)).

![](./file_ad9b4dec91.webp)

For the purpose of visualisation of elevation model, another format can be used, so called [Quantized 3D Mesh](https://cesium.com/blog/2015/12/18/terrain-quantization/) - the elevation is represented by either regular, but more commonly irregular triangle web.

![](./file_4b03e463be.webp)

## Sources of 3D data

For the purpose of visualization of terrain in the web browser, is [Cesium](https://cesium.com/) one of the popular JavaScript libraries and data services to be used. You can set up your web application for 3D data visualization in several ways:

-   Have your own terrain data and convert them to [3D quantized mesh format](https://github.com/CesiumGS/quantized-mesh) - then you need a server to a) process the data and b) to serve them
-   We at MapTiler do provide 3D tiles hosting service. If you log in to your [MapTiler account](https://cloud.maptiler.com/tiles/), you can find [3D Terrain - Quantized Mesh](https://cloud.maptiler.com/tiles/terrain-quantized-mesh/) tiles dataset there - and use it in your applications.
    
    ![](./file_2409015ad7.webp)
    
-   Use data provided by the Cesium service

Having 3D tiles data source is only one part of the problem. The 3D tiles will help you just to draw the elevation, but one also needs to “drape” another data source over the elevation, such as the [streets map](https://www.maptiler.com/maps/#streets), [outdoor map](https://www.maptiler.com/maps/#outdoor//) or the [satellite map](https://www.maptiler.com/maps/#hybrid). That way, you can see nice [3D shaped landscape](https://www.maptiler.com/maps/3d).

![](./file_fa06ddd412.webp)

## Configuring Cesium map application

Check out the tutorial on [How to use Cesium JS](https://docs.maptiler.com/cesium/how-to-use-cesium/). This tutorial shows how to create a map and display it on a web page using MapTiler data.