BeNomad Tiles

<!-- The BeMap JS API and the engine it drives -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/BeNomadSAS/bemap-js-api@2.0.4/dist/maplibre-gl.css" integrity="sha256-qx5w1Z7EBGW65+cDDaLzzPKBM/1QLmK9WY7vut/XpzI=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/BeNomadSAS/bemap-js-api@2.0.4/dist/bemap-js-api.css" integrity="sha256-6JTuf+5yR2uKDbRMVCKVkicMghqX/fopHJUUH0a9IwE=" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/gh/BeNomadSAS/bemap-js-api@2.0.4/dist/maplibre-gl.js" integrity="sha256-RamwepGJzlYFTGIKlHzPQeKR5YyV6bYVM7dAqqZe5cs=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/gh/BeNomadSAS/bemap-js-api@2.0.4/dist/pmtiles.js" integrity="sha256-9c3A9bJWe6KCmo4QL39UNh8Ig9oxFaFuxcqQlz8sz2c=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/gh/BeNomadSAS/bemap-js-api@2.0.4/dist/bemap-js-api.min.js" integrity="sha256-9nw1Dpfl6zDEakYlPDODJHrz9RvsqjZ+HttOFJNJMss=" crossorigin="anonymous"></script>

<div id="map" style="height: 480px"></div>
<script>
  var ctx = new bemap.Context({
    host: 'bemap.benomad.com', secure: true,
    login: 'YOUR_ACCOUNT', password: 'YOUR_API_KEY', // for evaluation: in production, use the proxy option
    tilesHost: 'mptiles-api.benomad.net'
  });
  var map = new bemap.MapLibreMap(ctx, 'map');
  map.move(2.35, 48.85, 12); // longitude, latitude, zoom
</script>

// MapLibre GL JS alone, in a <script type="module">.
const TILES = 'https://mptiles-api.benomad.net';
const ACCOUNT = 'YOUR_ACCOUNT', KEY = 'YOUR_API_KEY'; // for evaluation: in production, get the token from your server

// 1. A token, valid for about an hour.
const login = await fetch(`${TILES}/api/login`, { method: 'POST', headers: { Authorization: 'Basic ' + btoa(`${ACCOUNT}:${KEY}`) } });
if (!login.ok) throw new Error(`login: HTTP ${login.status}`);
const { token } = await login.json();

// 2. /api/default-style names the default style; the style comes next.
const auth = { headers: { 'X-Session-Token': token } };
const { default: path } = await (await fetch(`${TILES}/api/default-style`, auth)).json();
const style = await (await fetch(`${TILES}/${path}`, auth)).json();

// 3. Its URLs are relative to the tiles server, and each carries the token.
const withToken = (url) => {
  const full = url.startsWith('/') ? TILES + url : url;
  return full.startsWith(TILES) ? `${full}${full.includes('?') ? '&' : '?'}token=${token}` : full;
};
for (const source of Object.values(style.sources)) {
  if (source.url) source.url = withToken(source.url);
  if (source.tiles) source.tiles = source.tiles.map(withToken);
}
for (const key of ['glyphs', 'sprite']) if (typeof style[key] === 'string') style[key] = withToken(style[key]);

new maplibregl.Map({ container: 'map', style, center: [2.35, 48.85], zoom: 12 });

# 1. Sign in: a token valid for about an hour
TOKEN=$(curl -s -X POST 'https://mptiles-api.benomad.net/api/login' -u 'YOUR_ACCOUNT:YOUR_API_KEY' \
  | sed -n 's/.*"token":"\([^"]*\)".*/\1/p')

# 2. The environment's default map, and the name of its default style
curl -s -w '\n' -H "X-Session-Token: $TOKEN" 'https://mptiles-api.benomad.net/api/default'
curl -s -w '\n' -H "X-Session-Token: $TOKEN" 'https://mptiles-api.benomad.net/api/default-style'

# 3. One vector tile, a gzip-encoded Mapbox Vector Tile: --compressed inflates it, once
curl -s --compressed -o tile.mvt -H "X-Session-Token: $TOKEN" \
  'https://mptiles-api.benomad.net/default/12/2074/1409.pbf'