Question 1

How do I style a map in Tangram using YAML?

Accepted Answer

You define data sources, layers, and styles in a YAML scene file, where you can use inline JavaScript for logic and GLSL for shaders. Check the simple-demo repository for a basic example and the documentation for detailed rules.

Question 2

Tangram vs Mapbox GL JS: which is better for custom maps?

Accepted Answer

Tangram offers more open-source flexibility and fine-grained control over rendering with YAML and GLSL, while Mapbox GL JS provides a more polished, out-of-the-box experience with better documentation. Choose Tangram for unique cartography, Mapbox for production-ready features and support.

Question 3

Does Tangram support 3D map visualizations?

Accepted Answer

Yes, Tangram can render 3D maps by leveraging WebGL for effects like extruded buildings and terrain. Demos like shaders-demo showcase advanced 3D capabilities with custom GLSL shaders.

Question 4

How to integrate Tangram with a React application?

Accepted Answer

Load Tangram via NPM and manage the Leaflet layer in React component lifecycle methods. The documentation includes guidance on using Tangram with bundlers and frameworks, though you may need to handle WebGL context carefully.

Question 5

What free vector tile sources work with Tangram?

Accepted Answer

Nextzen provides free vector tiles based on OpenStreetMap and other open data, which Tangram supports. You'll need an API key from Nextzen, and Tangram also works with custom GeoJSON or TopoJSON sources.

Question 6

Can I use Tangram without Leaflet for custom controls?

Accepted Answer

Yes, Tangram has a core API that can be used independently of Leaflet, but you'll need to implement your own pan, zoom, and interaction handlers. Some advanced demos demonstrate this, though it adds development overhead.

Tangram

What is Tangram?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions