Tangram is another open source WebGL based rendering client which supports the Mapbox vector tiles specification and therefore can be used together with OpenMapTiles.

Data Source

Specify OpenMapTiles as the data source of MVT type inside your Tangram scene file.

        type: MVT
        url: 'http://openmaptiles.org/{z}/{x}/{y}.vector.pbf'
        max_zoom: 16

Create an HTML page and include the Tangram viewer and reference your scene file.

<!DOCTYPE html>
<html lang="en">
    <title>Tangram with OpenMapTiles</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="https://mapzen.com/js/mapzen.css">
    <script src="https://mapzen.com/js/mapzen.min.js"></script>
      #map { height: 100%; width: 100%; position: absolute; }
      html, body {margin: 0; padding: 0}
    <div id="map"></div>
      var map = L.Mapzen.map('map', {
        scene: 'https://gist.githubusercontent.com/petrsloup/27ee74e2cdebc7ac72129da3a89a440f/raw/19385aae40b9d0ba0a6c0ef1c3afe87f2743d54d/gistfile1.txt'
      map.setView([45.2, -9.3], 2);

        map: map

OpenMapTiles.org is an open-source project from Klokan Technologies GmbH and OSM community
Share this page on