hopechen067/MapStage

官网（文档即本目录 `references/`）：https://hopechen067.github.io/MapStage/

在 `tuner/` 下 `node verify.mjs`，末尾应为 `verify ok`（必需文件、单测、UTF-8 / 内联脚本解析）。官网单测：`node site/assets/md.test.mjs`、`node site/assets/stage-kit.test.mjs`。浏览器冒烟：起 `site/serve.mjs` 后 `node runtime/site-thumbs.mjs http://127.0.0.1:8770`。

Executable file

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

1. 在 `site/examples/examples.js` 的 `LIST` 里加一行：`id`、`group`、`title`、`blurb`、`api`、`spec`，有时间轴的再加 `thumb`（缩略图 seek 到的秒数）。 2. 写 `site/examples/<id>.html`，骨架照下面抄。 3. 起服后拍缩略图并冒烟：`node runtime/site-thumbs.mjs http://127.0.0.1:8770 <id>`（输出 `site

2. 写 `site/examples/<id>.html`，骨架照下面抄。 3. 起服后拍缩略图并冒烟：`node runtime/site-thumbs.mjs http://127.0.0.1:8770 <id>`（输出 `site/examples/thumbs/<id>.jpg`，有 pageerror 会失败）。 4. 在 `tuner/` 下跑 `node verify.mjs`，末尾应为 `verify ok`。

3. 起服后拍缩略图并冒烟：`node runtime/site-thumbs.mjs http://127.0.0.1:8770 <id>`（输出 `site/examples/thumbs/<id>.jpg`，有 pageerror 会失败）。

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>示例标题 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>示例标题 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<Sequence from={0} durationInFrames={16 * fps}>   <MapStageScene hostUrl="http://127.0.0.1:8770" story="examples/story-hexi.json" />

<MapStageScene hostUrl="http://127.0.0.1:8770" story="examples/story-hexi.json" />

`--layers map,hud` 用 ffmpeg 把地图层和 HUD 层叠合。`node runtime/verify-render.mjs http://127.0.0.1:8770` 校验这些闸门。

- 每帧先写 `.part` 再改名，中途被杀不会留下半张图。 - 截帧前自动 `precache()`；有 seek 触发 12 s idle 超时放行时，结束时会提醒。 - 验收：`node runtime/verify-shoot.mjs http://127.0.0.1:8770`（续拍 / 局部重拍 / 混帧保护 / 分层 / 两次独立会话逐字节一致）。

- 验收：`node runtime/verify-shoot.mjs http://127.0.0.1:8770`（续拍 / 局部重拍 / 混帧保护 / 分层 / 两次独立会话逐字节一致）。

node runtime/qa.mjs ../out/hexi            # --base 默认 http://127.0.0.1:8770

- 露底不靠颜色猜：宿主页把底色层改成品红，逐帧数纯品红（和画布透明、地平线以上）的占比。底图本身是米色 / 沙色，和底色太近，按色匹配会大面积误报。 - 合规是对**每一帧**调 `stage.check(t)`，不只是 `compliance.full` 的逐秒自检。 - 验收：`node runtime/verify-qa.mjs http://127.0.0.1:8770`，用合成帧证明硬切 / 冻帧 / 缺帧 / 露底都抓得到、干净序列不误报，并用 80° 俯仰的真

- 验收：`node runtime/verify-qa.mjs http://127.0.0.1:8770`，用合成帧证明硬切 / 冻帧 / 缺帧 / 露底都抓得到、干净序列不误报，并用 80° 俯仰的真地图帧验证露底探针。

安装 MapStage skill：https://github.com/hopechen067/MapStage

| 写于 | 2026-08-29 | | 官方文档快照 | MapLibre GL JS **6.6.0** 文档站（examples / guides / API / plugins）+ Style Spec | | 入口 | https://maplibre.org/maplibre-gl-js/docs/examples/ |

| 官方文档快照 | MapLibre GL JS **6.6.0** 文档站（examples / guides / API / plugins）+ Style Spec | | 入口 | https://maplibre.org/maplibre-gl-js/docs/examples/ | | 本库生产 JS | 调参台：`tuner/vendor/maplibre-gl.js` **patched 5.6.0-dev**；成片模板：unpkg **5.6.0 未打补丁

| 入口 | https://maplibre.org/maplibre-gl-js/docs/examples/ |

| Introduction | `/docs/` | 官方默认已是 **v6 ESM**（`maplibre-gl.mjs` + worker）。CDN 无 bundler 时 worker 走 Blob URL。我们生产仍是 **v5 UMD 补丁包**。 | | Examples Overview | `/docs/examples/` | 约 140 个示例，六类：Basics / Sources / Layers / Annotations / Interactiv

| Examples Overview | `/docs/examples/` | 约 140 个示例，六类：Basics / Sources / Layers / Annotations / Interactivity / 3D·Globe。第 4 节全表分流。 | | Guides | `/docs/guides/` | 真正有用的是 [large-data](https://maplibre.org/maplibre-gl-js/docs/guides/large-da

| Guides | `/docs/guides/` | 真正有用的是 [large-data](https://maplibre.org/maplibre-gl-js/docs/guides/large-data/)（大 GeoJSON）和 [v5→v6](https://maplibre.org/maplibre-gl-js/docs/guides/v5-to-v6-migration-guide/)。Leaflet / OpenLayers / Mapbox 迁移与本库

[large-data](https://maplibre.org/maplibre-gl-js/docs/guides/large-data/) 对 7.6 MB 水系几乎是逐条打中：

| 写于 | 2026-08-29 | | 原则 | 先补齐 **5.6 上已能做且视频要** 的；6.x 只在岛补丁移植后进生产 | | 不做 | 应用级 npm 进 `tuner/`；`flyTo` 当商品；OSM 楼当汉城；成片 `fetch('/license')` |

| 不做 | 应用级 npm 进 `tuner/`；`flyTo` 当商品；OSM 楼当汉城；成片 `fetch('/license')` |

2. `color-relief`、`hillshade-method`、`style.state` 标在 Spec **5.6 / 5.5**。先在 vendor 5.6 上开，不要拿它们当升 6 的理由。 3. 只有这些才构成升 6 的正当理由：`fill-extrusion-rounded-corner-distance`（6.2）、`symbol-height-offset`（6.6）、`line-layer-opacity`（6.0）、官方 ESM worker 合

4. 升 6 时按 [v5-to-v6-migration-guide](https://maplibre.org/maplibre-gl-js/docs/guides/v5-to-v6-migration-guide/)：`<script type="module">`、禁止默认 import、嵌套 GeoJSON 不要 `JSON.parse`、缺图用 `setMissingStyleImageResolver`。

官方：[Optimising large GeoJSON](https://maplibre.org/maplibre-gl-js/docs/guides/large-data/)。

MapStage 是给**历史视频**用的叙事地图引擎，同时也是一个 agent skill。它基于 [MapLibre GL JS](https://maplibre.org/)，把「古卷底图 + 路线行进 + 镜头 + 合规」收成三份声明式 JSON，由宿主按时间逐帧取画面。

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

const preset = await (await fetch('studio/presets/antique-default.json')).json();

<!doctype html> <meta charset="utf-8"> <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<meta charset="utf-8"> <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css"> <div id="stage" style="position:absolute;inset:0"></div>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

打开 `http://127.0.0.1:8770/`，`/studio/` 是调参台，`/examples/` 是示例。

本地：`node mapstage/site/serve.mjs` → `http://127.0.0.1:8770/`，布局与 Pages 一致。

Open `http://localhost:8765/`.

Executable file

const REPO_ROOT = resolve(HERE, '..'); const DEFAULT_OUT_DIR = join(REPO_ROOT, 'out', 'fx-verify'); const DEFAULT_BASE_URL = 'http://127.0.0.1:8780';

const DEFAULT_OUT_DIR = join(REPO_ROOT, 'out', 'fx-verify'); const DEFAULT_BASE_URL = 'http://127.0.0.1:8780'; const DEFAULT_VIEWPORT = Object.freeze({ width: 1440, height: 900 });

const DEFAULT_BASE_URL = 'http://127.0.0.1:8780';

'Options:',     '  --base-url <url>       Base URL or vector-layers.html URL',     '                         Default: http://127.0.0.1:8780',

'  --base-url <url>       Base URL or vector-layers.html URL',     '                         Default: http://127.0.0.1:8780',     '  --runs <count>         Measured runs; default: 20',

'                         Default: http://127.0.0.1:8780',

Executable file

const target = new URL(     buildTargetUrl(       'http://127.0.0.1:8780?keep=yes&perfImages=16&perfCacheZoom=5',

buildTargetUrl(       'http://127.0.0.1:8780?keep=yes&perfImages=16&perfCacheZoom=5',       'workerCount',

'http://127.0.0.1:8780?keep=yes&perfImages=16&perfCacheZoom=5',

Executable file

const outDir = join(dirname(fileURLToPath(import.meta.url)), '..', '..', 'out', 'fx-verify'); mkdirSync(outDir, { recursive: true }); const base = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, '');

mkdirSync(outDir, { recursive: true }); const base = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, ''); const { chromium } = loadPlaywright();

const base = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, '');

#!/usr/bin/env node

Executable file

}); const page = await browser.newPage({ viewport: { width: 1440, height: 900 } }); await page.goto('http://127.0.0.1:8766/?risebtn=' + Date.now(), {

const page = await browser.newPage({ viewport: { width: 1440, height: 900 } }); await page.goto('http://127.0.0.1:8766/?risebtn=' + Date.now(), {   waitUntil: 'domcontentloaded',

await page.goto('http://127.0.0.1:8766/?risebtn=' + Date.now(), {

Executable file

const page = await browser.newPage({ viewport: { width: 1440, height: 900 } }); page.on('pageerror', (err) => console.warn('pageerror', err.message)); await page.goto('http://127.0.0.1:8766/?relief=' + Date.now(), {

page.on('pageerror', (err) => console.warn('pageerror', err.message)); await page.goto('http://127.0.0.1:8766/?relief=' + Date.now(), {   waitUntil: 'domcontentloaded',

await page.goto('http://127.0.0.1:8766/?relief=' + Date.now(), {

Executable file

const root = String(base).replace(/\/$/, '');   const storyUrl = /^(https?|data):/.test(story) ? story : root + '/' + story.replace(/^\//, '');   const storyText = await (await fetch(storyUrl)).text();

const storyUrl = /^(https?|data):/.test(story) ? story : root + '/' + story.replace(/^\//, '');   const storyText = await (await fetch(storyUrl)).text();   const parsed = JSON.parse(storyText);

const storyText = await (await fetch(storyUrl)).text();

const parsed = JSON.parse(storyText);   let presetText = '{}';   if (parsed.preset) presetText = await (await fetch(new URL(parsed.preset, storyUrl))).text();

let presetText = '{}';   if (parsed.preset) presetText = await (await fetch(new URL(parsed.preset, storyUrl))).text();   return { hash: fingerprint(storyText + '\n' + presetText), duration: parsed.duration, fps: parsed.fps || 30 };

if (parsed.preset) presetText = await (await fetch(new URL(parsed.preset, storyUrl))).text();

Executable file

Executable file

Executable file

Executable file

} const t0 = Date.now(); await page.goto('http://127.0.0.1:8766/?perf=' + tag + '&t=' + Date.now(), {

const t0 = Date.now(); await page.goto('http://127.0.0.1:8766/?perf=' + tag + '&t=' + Date.now(), {   waitUntil: 'domcontentloaded',

await page.goto('http://127.0.0.1:8766/?perf=' + tag + '&t=' + Date.now(), {

Executable file

const BASE = (process.argv[2] || 'http://127.0.0.1:8767').replace(/\/$/, '');

Executable file

* MapStage 成片 QA：对截帧器的输出目录做硬切 / 冻帧 / 露底 / 合规逐帧检查，并导出四类验收帧。  *  *   node runtime/qa.mjs <frames-dir> [--base http://127.0.0.1:8770]

*  *   node runtime/qa.mjs <frames-dir> [--base http://127.0.0.1:8770]  *

*   node runtime/qa.mjs <frames-dir> [--base http://127.0.0.1:8770]

exports: o.exports !== false,     voidColor: o.voidColor || null,     base: String(o.base || 'http://127.0.0.1:8770').replace(/\/$/, ''),

voidColor: o.voidColor || null,     base: String(o.base || 'http://127.0.0.1:8770').replace(/\/$/, ''),     story: o.story || null,

base: String(o.base || 'http://127.0.0.1:8770').replace(/\/$/, ''),

storyJson = await host.evaluate(() => JSON.parse(JSON.stringify(window.stage.story)));     } else {       storyJson = await (await fetch(o.base + '/' + m.story)).json();

} else {       storyJson = await (await fetch(o.base + '/' + m.story)).json();     }

storyJson = await (await fetch(o.base + '/' + m.story)).json();

Executable file

*           截帧 → QA → mp4 (crf18)。终版 QA 不过也保留成品，但退出码为 1  *  * 选项：--base（默认 http://127.0.0.1:8770）  --layers full|map,hud（map,hud 由 ffmpeg 叠合）

*  * 选项：--base（默认 http://127.0.0.1:8770）  --layers full|map,hud（map,hud 由 ffmpeg 叠合）  *       --audio <file>  --story <path>（preview 必填，之后记在 state.json）

* 选项：--base（默认 http://127.0.0.1:8770）  --layers full|map,hud（map,hud 由 ffmpeg 叠合）

function parse(argv) {   const [cmd, ...rest] = argv;   const o = { cmd, base: 'http://127.0.0.1:8770' };

const [cmd, ...rest] = argv;   const o = { cmd, base: 'http://127.0.0.1:8770' };   for (let i = 0; i < rest.length; i++) {

const o = { cmd, base: 'http://127.0.0.1:8770' };

Executable file

*  * 参数  *   --base <url>       站点地址，默认 http://127.0.0.1:8770

* 参数  *   --base <url>       站点地址，默认 http://127.0.0.1:8770  *   --story <path>     story JSON，相对站点根，默认 examples/story-hexi.json

*   --base <url>       站点地址，默认 http://127.0.0.1:8770

const m = MODES[mode];   const o = {     base: String(raw.base || 'http://127.0.0.1:8770').replace(/\/$/, ''),

const o = {     base: String(raw.base || 'http://127.0.0.1:8770').replace(/\/$/, ''),     story: raw.story || 'examples/story-hexi.json',

base: String(raw.base || 'http://127.0.0.1:8770').replace(/\/$/, ''),

Executable file

* 给官网示例拍缩略图 + 冒烟检查（无 pageerror）。  *   node site/serve.mjs &   # 8770  *   node runtime/site-thumbs.mjs http://127.0.0.1:8770

*   node site/serve.mjs &   # 8770  *   node runtime/site-thumbs.mjs http://127.0.0.1:8770  *   node runtime/site-thumbs.mjs http://127.0.0.1:8770 route-march,skins   # 只拍这几个

*   node runtime/site-thumbs.mjs http://127.0.0.1:8770

*   node runtime/site-thumbs.mjs http://127.0.0.1:8770 route-march,skins   # 只拍这几个

const here = dirname(fileURLToPath(import.meta.url)); const pkg = join(here, '..'); const base = (process.argv[2] || 'http://127.0.0.1:8770').replace(/\/$/, '');

const pkg = join(here, '..'); const base = (process.argv[2] || 'http://127.0.0.1:8770').replace(/\/$/, ''); const thumbs = join(pkg, 'site', 'examples', 'thumbs');

const base = (process.argv[2] || 'http://127.0.0.1:8770').replace(/\/$/, '');

Executable file

const BASE = (process.argv[2] || 'http://127.0.0.1:8767').replace(/\/$/, '');

Executable file

* Requires Playwright (not a repo dep). Example:  *   set PLAYWRIGHT_BROWSERS_PATH=0  *   node runtime/verify-fx.mjs http://127.0.0.1:8766

*   set PLAYWRIGHT_BROWSERS_PATH=0  *   node runtime/verify-fx.mjs http://127.0.0.1:8766  */

*   node runtime/verify-fx.mjs http://127.0.0.1:8766

const repo = join(root, '..'); const outDir = join(repo, '..', 'out', 'fx-verify'); const base = process.argv[2] || 'http://127.0.0.1:8766';

const base = process.argv[2] || 'http://127.0.0.1:8766';

Executable file

const BASE = (process.argv[2] || 'http://127.0.0.1:8765').replace(/\/$/, '');

Executable file

}); const page = await browser.newPage({ viewport: { width: 1440, height: 900 } }); const base = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, '');

const page = await browser.newPage({ viewport: { width: 1440, height: 900 } }); const base = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, ''); await page.goto(base + '/?gansu-zhangye=' + Date.now(), {

const base = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, '');

Executable file

const outDir = join(dirname(fileURLToPath(import.meta.url)), '..', '..', 'out', 'fx-verify'); mkdirSync(outDir, { recursive: true }); const base = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, '');

mkdirSync(outDir, { recursive: true }); const base = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, ''); const { chromium } = loadPlaywright();

const base = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, '');

Executable file

const BASE = (process.argv[2] || 'http://127.0.0.1:8778').replace(/\/$/, '');

Executable file

const BASE = (process.argv[2] || 'http://127.0.0.1:8778').replace(/\/$/, '');

/**  * Independent-island RCA: dump clip state, tiles, mask, and cameras.  *   node runtime/verify-island-rca.mjs [http://127.0.0.1:8765]

Executable file

* Independent-island RCA: dump clip state, tiles, mask, and cameras.  *   node runtime/verify-island-rca.mjs [http://127.0.0.1:8765]  */

*   node runtime/verify-island-rca.mjs [http://127.0.0.1:8765]

const BASE = (process.argv[2] || 'http://127.0.0.1:8765').replace(/\/$/, '');

Executable file

const BASE = (process.argv[2] || 'http://127.0.0.1:8765').replace(/\/$/, '');

Executable file

const BASE = process.argv[2] || 'http://127.0.0.1:8766/';

Executable file

const BASE = (process.argv[2] || 'http://127.0.0.1:8768').replace(/\/$/, '');

Executable file

}); const page = await browser.newPage({ viewport: { width: 1440, height: 900 } }); const BASE = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, '');

const page = await browser.newPage({ viewport: { width: 1440, height: 900 } }); const BASE = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, ''); await page.goto(BASE + '/?isolate-rise=' + Date.now(), {

const BASE = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, '');

Executable file

const BASE = (process.argv[2] || 'http://127.0.0.1:8765').replace(/\/$/, '');

Executable file

const BASE = (process.argv[2] || 'http://127.0.0.1:8767').replace(/\/$/, '');

Executable file

* QA 检测器验收：用合成帧证明每一类缺陷都能被抓到、干净序列不误报。  *   node site/serve.mjs &            # 8770（导出帧要读 story）  *   node runtime/verify-qa.mjs http://127.0.0.1:8770

*   node site/serve.mjs &            # 8770（导出帧要读 story）  *   node runtime/verify-qa.mjs http://127.0.0.1:8770  */

*   node runtime/verify-qa.mjs http://127.0.0.1:8770

const base = (process.argv[2] || 'http://127.0.0.1:8770').replace(/\/$/, '');

assert.deepEqual(runs([]), []); assert.equal(meanAbsDiff([0, 0, 10], [0, 10, 10]), 10 / 3); const story = await (await fetch(base + '/examples/story-hexi.json')).json();

assert.equal(meanAbsDiff([0, 0, 10], [0, 10, 10]), 10 / 3); const story = await (await fetch(base + '/examples/story-hexi.json')).json(); const pick = pickExportFrames(story, 10, 160, false);

const story = await (await fetch(base + '/examples/story-hexi.json')).json();

Executable file

* Compare Qilian terrain at real elevation 1.0 vs dramatic 1.6.  *  *   node runtime/verify-qilian-terrain.mjs http://127.0.0.1:8780

*  *   node runtime/verify-qilian-terrain.mjs http://127.0.0.1:8780  */

*   node runtime/verify-qilian-terrain.mjs http://127.0.0.1:8780

const here = dirname(fileURLToPath(import.meta.url)); const repo = join(here, '..'); const base = (process.argv[2] || 'http://127.0.0.1:8780').replace(/\/$/, '');

const base = (process.argv[2] || 'http://127.0.0.1:8780').replace(/\/$/, '');

Executable file

* 不在这里跑 1080p 终版本身（太慢）；终版的截帧参数由 shoot 的 final 模式保证。  *   node site/serve.mjs &            # 8770  *   node runtime/verify-render.mjs http://127.0.0.1:8770

*   node site/serve.mjs &            # 8770  *   node runtime/verify-render.mjs http://127.0.0.1:8770  */

*   node runtime/verify-render.mjs http://127.0.0.1:8770

const base = (process.argv[2] || 'http://127.0.0.1:8770').replace(/\/$/, '');

const st = JSON.parse(readFileSync(stFile, 'utf8'));   assert.equal(st.approved, true);   const edited = JSON.parse(await (await fetch(base + '/' + story)).text());

assert.equal(st.approved, true);   const edited = JSON.parse(await (await fetch(base + '/' + story)).text());   edited.sites[0].name = edited.sites[0].name + '（改过）';

const edited = JSON.parse(await (await fetch(base + '/' + story)).text());

/**  * Click 「地形隆起」 and capture start / mid / end stills.  *   node runtime/verify-rise.mjs http://127.0.0.1:8766

Executable file

* Click 「地形隆起」 and capture start / mid / end stills.  *   node runtime/verify-rise.mjs http://127.0.0.1:8766  */

*   node runtime/verify-rise.mjs http://127.0.0.1:8766

const outDir = join(dirname(fileURLToPath(import.meta.url)), '..', '..', 'out', 'fx-verify'); mkdirSync(outDir, { recursive: true }); const base = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, '');

const base = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, '');

Executable file

* 截帧器验收：断点续拍、局部重拍、旧帧混入保护、分层输出、重拍逐字节一致。  *   node site/serve.mjs &            # 8770  *   node runtime/verify-shoot.mjs http://127.0.0.1:8770

*   node site/serve.mjs &            # 8770  *   node runtime/verify-shoot.mjs http://127.0.0.1:8770  */

*   node runtime/verify-shoot.mjs http://127.0.0.1:8770

const base = (process.argv[2] || 'http://127.0.0.1:8770').replace(/\/$/, '');

Executable file

const BASE = (process.argv[2] || 'http://127.0.0.1:8768').replace(/\/$/, '');

Executable file

const BASE = (process.argv[2] || 'http://127.0.0.1:8765').replace(/\/$/, '');

Executable file

const page = await browser.newPage({ viewport: { width: 1440, height: 900 } }); try {   const base = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, '');

try {   const base = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, '');   await page.goto(base + '/?t=' + Date.now(), {

const base = (process.argv[2] || 'http://127.0.0.1:8766').replace(/\/$/, '');

Executable file

* story-hexi 示例验收：无 pageerror、预缓存后 seek(t) 正序 / 倒序逐像素一致、违规 story 拒绝渲染。  *   node site/serve.mjs &            # 8770  *   node runtime/verify-story-hexi.mjs http://127.0.0.1:8770

*   node site/serve.mjs &            # 8770  *   node runtime/verify-story-hexi.mjs http://127.0.0.1:8770  */

*   node runtime/verify-story-hexi.mjs http://127.0.0.1:8770

const base = (process.argv[2] || 'http://127.0.0.1:8770').replace(/\/$/, '');

Executable file

* 截图写到仓库根 out/story-night-*.png。  *   node site/serve.mjs &            # 8770  *   node runtime/verify-story-night.mjs http://127.0.0.1:8770

*   node site/serve.mjs &            # 8770  *   node runtime/verify-story-night.mjs http://127.0.0.1:8770  */

*   node runtime/verify-story-night.mjs http://127.0.0.1:8770

const GL_ARGS = ['--use-angle=swiftshader', '--enable-unsafe-swiftshader', '--ignore-gpu-blocklist']; const base = (process.argv[2] || 'http://127.0.0.1:8770').replace(/\/$/, '');

const base = (process.argv[2] || 'http://127.0.0.1:8770').replace(/\/$/, '');

Executable file

const BASE = (process.argv[2] || 'http://127.0.0.1:8765').replace(/\/$/, '');

Executable file

const BASE = (process.argv[2] || 'http://127.0.0.1:8767').replace(/\/$/, '');

cacheCount = existsSync(cacheDir) ? readdirSync(cacheDir).length : 0;   const probeHit = (url) =>     execSync('curl -s -D - -o NUL "' + url + '"', { shell: 'cmd.exe', encoding: 'utf8' })

const probeHit = (url) =>     execSync('curl -s -D - -o NUL "' + url + '"', { shell: 'cmd.exe', encoding: 'utf8' })       .toLowerCase()

execSync('curl -s -D - -o NUL "' + url + '"', { shell: 'cmd.exe', encoding: 'utf8' })

Executable file

const BASE = (process.argv[2] || 'http://127.0.0.1:8765').replace(/\/$/, '');

Executable file

*  *   node runtime/verify-tuner-chrome.mjs  *   node runtime/verify-tuner-chrome.mjs http://127.0.0.1:8770/studio

*   node runtime/verify-tuner-chrome.mjs  *   node runtime/verify-tuner-chrome.mjs http://127.0.0.1:8770/studio  *

*   node runtime/verify-tuner-chrome.mjs http://127.0.0.1:8770/studio

/**  * Studio 配色分区（皮肤 / 海拔设色 / 等高线 / 图层颜色）真跑：  *   node runtime/verify-tuner-vector.mjs http://127.0.0.1:8770/studio

Executable file

* Studio 配色分区（皮肤 / 海拔设色 / 等高线 / 图层颜色）真跑：  *   node runtime/verify-tuner-vector.mjs http://127.0.0.1:8770/studio  * 断言：默认全关；设色/图层/等高线开关生效；色阶与图层色编辑进入地图 paint 并落盘；

*   node runtime/verify-tuner-vector.mjs http://127.0.0.1:8770/studio

const BASE = (process.argv[2] || 'http://127.0.0.1:8770/studio').replace(/\/$/, '');

Executable file

*  *   node runtime/verify-vector-layers.mjs  *   node runtime/verify-vector-layers.mjs http://127.0.0.1:8771

*   node runtime/verify-vector-layers.mjs  *   node runtime/verify-vector-layers.mjs http://127.0.0.1:8771  */

*   node runtime/verify-vector-layers.mjs http://127.0.0.1:8771

assert.equal(   VP.absolutizeTileUrl('/t/s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png'),   'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png'

VP.absolutizeTileUrl('/t/s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png'),   'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png' );

'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png'

VP.absolutizeTileUrl(     '/t/s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png',     'http://127.0.0.1:8780'

'/t/s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png',     'http://127.0.0.1:8780'   ),

'http://127.0.0.1:8780'

),   'http://127.0.0.1:8780/t/s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png' );

'http://127.0.0.1:8780/t/s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png'

performance.clearResourceTimings();   async function load() {     var response = await fetch(url, { cache: 'force-cache' });

async function load() {     var response = await fetch(url, { cache: 'force-cache' });     var bytes = (await response.arrayBuffer()).byteLength;

var response = await fetch(url, { cache: 'force-cache' });

Executable file

*   - isolate (island clip and legacy mask) leaves no vector water / road outside the region  *  * Usage: node runtime/verify-vector-overlay.mjs [baseUrl]   (default http://127.0.0.1:8765)

*  * Usage: node runtime/verify-vector-overlay.mjs [baseUrl]   (default http://127.0.0.1:8765)  * Needs network access to tiles.openfreemap.org. Screenshots: <repo>/out/vector-overlay/

* Usage: node runtime/verify-vector-overlay.mjs [baseUrl]   (default http://127.0.0.1:8765)

const BASE = (process.argv[2] || 'http://127.0.0.1:8765').replace(/\/$/, '');

const page = await browser.newPage({ viewport: { width: 1440, height: 900 } }); const requests = []; page.on('request', (r) => requests.push(r.url()));

const requests = []; page.on('request', (r) => requests.push(r.url())); page.on('pageerror', (e) => {

page.on('request', (r) => requests.push(r.url()));

check(!requests.some((u) => /water-data\.js/.test(u)), 'water-data.js is never requested');

check(requests.some((u) => /tiles\.openfreemap\.org/.test(u)), 'OpenFreeMap tiles are requested');

{   "$schema": "https://json-schema.org/draft/2020-12/schema",

"$schema": "https://json-schema.org/draft/2020-12/schema",

"$id": "https://skills.local/mapstage/schemas/map-preset.schema.json",

{   "$schema": "https://json-schema.org/draft/2020-12/schema",

"$schema": "https://json-schema.org/draft/2020-12/schema",

"$id": "https://skills.local/mapstage/schemas/sample-sites.schema.json",

{   "$schema": "https://json-schema.org/draft/2020-12/schema",

"$schema": "https://json-schema.org/draft/2020-12/schema",

"$id": "https://skills.local/mapstage/schemas/story.schema.json",

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><path d="M1231 300C1232 302 1233 304 1233 307C1233 309 1233 311 1232 314C1231 316 1230 318 1229 320C1228 322 1227 324 1225 326C1224 328 1222

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect x="2" y="2" width="60" height="60" rx="12" fill="#241b14"/><path d="M11 48l9-28 12 20 11-18 6 14c1.4 3.6 3 5.6 5.5 6" fill="none" stroke="#f3eee3" stroke-width="6.5" stroke-l

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 330 72" role="img" aria-label="MapStage · 历史视频的地图舞台">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="MapStage">

Executable file

Executable file

{   const { html } = md.render('见 [镜头](camera.md#push) 与 [官网](https://maplibre.org)', {

const { html } = md.render('见 [镜头](camera.md#push) 与 [官网](https://maplibre.org)', {

Executable file

var script = document.currentScript;   var ROOT = new URL('../', script ? script.src : location.href).href;   var GH = 'https://github.com/hopechen067/MapStage';

var GH = 'https://github.com/hopechen067/MapStage';

Executable file

Executable file

Executable file

<meta name="description" content="MapStage 文档：快速上手、安装 skill、Preset / Story 规范、镜头、合规、宿主与渲染、运行时 API、长征系列地图经验与路线图。">   <link rel="icon" href="../assets/favicon.svg" type="image/svg+xml">   <link href="https://fonts.googleapis.com/css2?family=N

<link rel="icon" href="../assets/favicon.svg" type="image/svg+xml">   <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">   <link rel="stylesheet" href="../assets/site.css">

<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">

if (BY_FILE[file]) return '?p=' + BY_FILE[file] + hash;         if (/^\.\.\/site\/examples\/([\w-]+)\.html$/.test(path)) return RegExp.$1 === 'index' ? '../examples/' : '../examples/view.html?id=' + RegExp.$1;         var resolved = new URL

if (/^\.\.\/site\/examples\/([\w-]+)\.html$/.test(path)) return RegExp.$1 === 'index' ? '../examples/' : '../examples/view.html?id=' + RegExp.$1;         var resolved = new URL(path, 'https://x/mapstage/references/').pathname.replace(/^\//,

var resolved = new URL(path, 'https://x/mapstage/references/').pathname.replace(/^\//, '');

document.title = page.title + ' · MapStage 文档';         var doc = document.getElementById('doc');         fetch(REF + encodeURIComponent(page.file), { cache: 'no-cache' })

var doc = document.getElementById('doc');         fetch(REF + encodeURIComponent(page.file), { cache: 'no-cache' })           .then(function (r) { if (!r.ok) throw new Error(r.status + ' ' + page.file); return r.text(); })

fetch(REF + encodeURIComponent(page.file), { cache: 'no-cache' })

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>游戏地图最小用法 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>游戏地图最小用法 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>城池圈、徽标与选中环 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>城池圈、徽标与选中环 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>悬停提示与点选 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>悬停提示与点选 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>连线与相邻关系 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>连线与相邻关系 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>行军动画与镜头 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>行军动画与镜头 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>按地点自动取景 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>按地点自动取景 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>手写机位 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>手写机位 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>一句一动：move / push / tilt · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>一句一动：move / push / tilt · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>按路线取景与 maxSpan · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>按路线取景与 maxSpan · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>地名卡、名牌、印章、大字 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>地名卡、名牌、印章、大字 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>文献 doc 与照片 photo · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>文献 doc 与照片 photo · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>速查表 table · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>速查表 table · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>电报 telegram · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>电报 telegram · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>全图时段与十段线 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>全图时段与十段线 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>合规全图 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>合规全图 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

Executable file

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>地球视角开场 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>地球视角开场 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="description" content="MapStage 示例库：底图、路线、地名、镜头、字卡、合规、逐帧舞台、游戏地图，每个功能一个能直接复制运行的示例。">   <link rel="icon" href="../assets/favicon.svg" type="image/svg+xml">   <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@6

<link rel="icon" href="../assets/favicon.svg" type="image/svg+xml">   <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">   <link rel="stylesheet" href="../assets/site.css">

<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>可信度与「约」 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>可信度与「约」 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>地点层级 tier · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>地点层级 tier · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>地名三态 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>地名三态 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>底图样式与夜景 · MapStage 示例</title>   <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">

<title>底图样式与夜景 · MapStage 示例</title>   <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.c

<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>加载古卷底图 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>加载古卷底图 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>图层开关 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>图层开关 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>用 preset.json 定调 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>用 preset.json 定调 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

fetch('../studio/presets/antique-default.json')

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>三分天下 · MapStage 示例</title>   <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">

<title>三分天下 · MapStage 示例</title>   <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css"

<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

async function boot() {       const scUrl = new URL('./play-sanguo.json', location.href);       sc = await (await fetch(scUrl)).json();

const scUrl = new URL('./play-sanguo.json', location.href);       sc = await (await fetch(scUrl)).json();       P.validateScenario(sc);

sc = await (await fetch(scUrl)).json();

sc.sites.forEach((s) => { site[s.id] = s; });       sc.factions.forEach((f) => { faction[f.id] = f; });       const preset = await (await fetch(new URL(sc.preset, scUrl))).json();

sc.factions.forEach((f) => { faction[f.id] = f; });       const preset = await (await fetch(new URL(sc.preset, scUrl))).json();       board = await MapStageBoard.create($('stage'), { preset, sites: sc.sites, links: sc.links, preserve: true 

const preset = await (await fetch(new URL(sc.preset, scUrl))).json();

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>预缓存与正倒序一致 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>预缓存与正倒序一致 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>弧线与真实线形 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>弧线与真实线形 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>分段 hold 按段末收 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>分段 hold 按段末收 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>路线行进 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>路线行进 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>路线角色画法 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>路线角色画法 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>四方配色 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>四方配色 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>自己画路线 sliceRoute · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>自己画路线 sliceRoute · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>逐帧时间契约 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>逐帧时间契约 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>切换古卷皮肤 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>切换古卷皮肤 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>逐时刻自检 stage.check · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>逐时刻自检 stage.check · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>河西走廊 · MapStage 示例</title>   <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">

<title>河西走廊 · MapStage 示例</title>   <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css"

<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

async function boot() {       const jsonUrl = new URL('./story-hexi.json', location.href);       const story = await (await fetch(jsonUrl)).json();

const jsonUrl = new URL('./story-hexi.json', location.href);       const story = await (await fetch(jsonUrl)).json();       // preset 路径写在 json 里，相对 json 本身解析

const story = await (await fetch(jsonUrl)).json();

// preset 路径写在 json 里，相对 json 本身解析       const preset = await (await fetch(new URL(story.preset, jsonUrl))).json();       stage = await MapStage.mount($('stage'), { preset, story, preserve: true });

const preset = await (await fetch(new URL(story.preset, jsonUrl))).json();

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>地形夸张 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>地形夸张 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">   <title>校验不过就拒绝渲染 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<title>校验不过就拒绝渲染 · MapStage 示例</title>   <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">   <style>

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<title>示例 · MapStage</title>   <link rel="icon" href="../assets/favicon.svg" type="image/svg+xml">   <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">

<link rel="icon" href="../assets/favicon.svg" type="image/svg+xml">   <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">   <link rel="stylesheet" href="../assets/site.css">

<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">

fetch(file, { cache: 'no-cache' })

用法：host.html?story=examples/story-hexi.json（相对站点根）        宿主（Playwright / HyperFrames / Remotion）等 window.__mapstageReady，再逐帧调 window.__mapstageSeek(t)。 -->   <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;9

宿主（Playwright / HyperFrames / Remotion）等 window.__mapstageReady，再逐帧调 window.__mapstageSeek(t)。 -->   <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">   <link rel="stylesheet

<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

var q = new URLSearchParams(location.search);       var storyUrl = new URL(q.get('story') || 'examples/story-hexi.json', location.href);       var storyText = await (await fetch(storyUrl)).text();

var storyUrl = new URL(q.get('story') || 'examples/story-hexi.json', location.href);       var storyText = await (await fetch(storyUrl)).text();       var story = JSON.parse(storyText);

var storyText = await (await fetch(storyUrl)).text();

var preset = {};       if (story.preset) {         presetText = await (await fetch(new URL(story.preset, storyUrl))).text();

if (story.preset) {         presetText = await (await fetch(new URL(story.preset, storyUrl))).text();         preset = JSON.parse(presetText);

presetText = await (await fetch(new URL(story.preset, storyUrl))).text();

<meta name="description" content="MapStage：基于 MapLibre GL JS 的叙事地图引擎与 agent skill。古卷底图、路线行进、自动取景、合规规则，一份 JSON 驱动，逐帧可复现。">   <link rel="icon" href="assets/favicon.svg" type="image/svg+xml">   <link rel="preconnect" href="https://fonts.google

<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">   <link rel="preconnect" href="https://fonts.googleapis.com">   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&display=swap" rel="stylesheet">

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css">

<li><h3>逐帧终版</h3><p>确认后 1080p 逐帧截取，断点续拍，局部重拍。</p></li>         </ol>         <div class="code prompt-box wrap-lines" data-title="复制给你的 agent"><pre>安装 MapStage skill：https://github.com/hopechen067/MapStage

</ol>         <div class="code prompt-box wrap-lines" data-title="复制给你的 agent"><pre>安装 MapStage skill：https://github.com/hopechen067/MapStage 然后用 /mapstage 做一段河西走廊从武威到敦煌的路线移动，完成后启动本地预览。</pre></div>

<div class="code prompt-box wrap-lines" data-title="复制给你的 agent"><pre>安装 MapStage skill：https://github.com/hopechen067/MapStage

<script src="assets/site.js"></script>   <script src="examples/examples.js"></script>   <script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

<script src="examples/examples.js"></script>   <script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>   <script src="studio/assets/vector-paint.js"></script>

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js"></script>

Executable file

const port = Number(process.env.PORT || 8770);   createServer(serve).listen(port, '127.0.0.1', () => {     console.log('MapStage site → http://127.0.0.1:' + port + '/');

createServer(serve).listen(port, '127.0.0.1', () => {     console.log('MapStage site → http://127.0.0.1:' + port + '/');   });

console.log('MapStage site → http://127.0.0.1:' + port + '/');

Executable file

* Scene 里的精灵、标签、弹窗、Canvas 特效叠在它上面（zIndex 比它高即可）。  *  *   <MapStageScene hostUrl="http://127.0.0.1:8770" story="examples/story-hexi.json" />

*  *   <MapStageScene hostUrl="http://127.0.0.1:8770" story="examples/story-hexi.json" />  *

*   <MapStageScene hostUrl="http://127.0.0.1:8770" story="examples/story-hexi.json" />

/** MapStage 站点根，例如 http://127.0.0.1:8770 */

Open [http://localhost:8765/](http://localhost:8765/).

Executable file

const upstream = "https://tiles.maps.eox.at/test/tile.webp?z=1";

const legacyUpstream = "https://tiles.maps.eox.at/legacy/tile.png";

Executable file

Executable file

Executable file

Executable file

Executable file

Executable file

Executable file

Executable file

Executable file

{   const night = M.nightSpec(undefined, 'http://x/studio/');

const night = M.nightSpec(undefined, 'http://x/studio/');

{   const d = M.nightSpec(undefined, 'http://x/studio/');

const d = M.nightSpec(undefined, 'http://x/studio/');

assert.equal(d.type, 'image');   assert.equal(d.url, 'http://x/studio/assets/night-lights.png');   assert.deepEqual(d.coordinates, [[60, 56], [150, 56], [150, -2], [60, -2]]);

assert.equal(d.url, 'http://x/studio/assets/night-lights.png');

assert.equal(M.nightSpec(false), null);   assert.equal(M.nightSpec({ enabled: false }), null);   assert.equal(M.nightSpec({ image: 'https://e/x.png' }), null, '等经纬图要浏览器重投影，同步版不支持');

assert.equal(M.nightSpec({ enabled: false }), null);   assert.equal(M.nightSpec({ image: 'https://e/x.png' }), null, '等经纬图要浏览器重投影，同步版不支持');   const t = M.nightSpec({ tiles: ['https://t/{z}/{y}/{x}.png'] });

assert.equal(M.nightSpec({ image: 'https://e/x.png' }), null, '等经纬图要浏览器重投影，同步版不支持');

const t = M.nightSpec({ tiles: ['https://t/{z}/{y}/{x}.png'] });

Executable file

Executable file

Executable file

applyLookToStyle(style, look, { VP: VP, night: night });     if (style.sources.polarIce) {       style.sources.polarIce.data = new URL(VP.POLAR_ICE_URL, opts.assetBase || SCRIPT_DIR || (typeof location !== 'undefined' ? location.href : 'htt

if (style.sources.polarIce) {       style.sources.polarIce.data = new URL(VP.POLAR_ICE_URL, opts.assetBase || SCRIPT_DIR || (typeof location !== 'undefined' ? location.href : 'http://localhost/')).href;     }

style.sources.polarIce.data = new URL(VP.POLAR_ICE_URL, opts.assetBase || SCRIPT_DIR || (typeof location !== 'undefined' ? location.href : 'http://localhost/')).href;

function mount(el, opts) {     opts = opts || {};     var base = opts.assetBase || SCRIPT_DIR || (typeof location !== 'undefined' ? location.href : 'http://localhost/');

opts = opts || {};     var base = opts.assetBase || SCRIPT_DIR || (typeof location !== 'undefined' ? location.href : 'http://localhost/');     var needTV = wantsBasemap(opts.preset, opts.story);

var base = opts.assetBase || SCRIPT_DIR || (typeof location !== 'undefined' ? location.href : 'http://localhost/');

: sl.nightLights !== undefined ? sl.nightLights           : root.MAP_TILE_CONFIG && root.MAP_TILE_CONFIG.nightLights;       var nc = tunerVector().resolveNightConfig(cfg);

: root.MAP_TILE_CONFIG && root.MAP_TILE_CONFIG.nightLights;       var nc = tunerVector().resolveNightConfig(cfg);       nightCredit = nc && nc.attribution ? '夜光：' + nc.attribution : '';

var nc = tunerVector().resolveNightConfig(cfg);

nightCredit = nc && nc.attribution ? '夜光：' + nc.attribution : '';

Executable file

Executable file

window.REGION_ISOLATE_DATA = {"version":1,"defaultId":"china","regions":[{"id":"china","label":"中国","kind":"nation","group":"","attribution":"Natural Earth 10m China POV (public domain): full PRC land incl. Zangnan, Taiwan/HK/Macao, Diaoyu 

Executable file

Executable file

Executable file

Executable file

var GH = 'https://github.com/hopechen067/MapStage';

Executable file

Executable file

Executable file

? terIn.tiles.filter(function (u) { return typeof u === 'string' && u.length > 0; })       : [           'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png',

: [           'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png',           'https://elevation-tiles-prod.s3.amazonaws.com/terrarium/{z}/{x}/{y}.png',

'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png',

'https://elevation-tiles-prod.s3.amazonaws.com/terrarium/{z}/{x}/{y}.png',

(params.cities && params.cities.dataFile) || 'assets/sample-sites.json';     try {       var resN = await fetch(sitesUrl);

try {       var resN = await fetch(sitesUrl);       if (resN.ok) {

var resN = await fetch(sitesUrl);

async function loadScenes() {     try {       const res = await fetch('scenes.json');

try {       const res = await fetch('scenes.json');       if (res.ok) {

const res = await fetch('scenes.json');

if (!hasLocal) {       try {         const res = await fetch('preset-antique-default.json');

try {         const res = await fetch('preset-antique-default.json');         if (res.ok) {

const res = await fetch('preset-antique-default.json');

Executable file

Executable file

Executable file

Executable file

Executable file

Executable file

terrain: {     enabled: true,     tiles: ['https://example.test/terrarium/{z}/{x}/{y}.png'],

enabled: true,     tiles: ['https://example.test/terrarium/{z}/{x}/{y}.png'],     tileSize: 256,

tiles: ['https://example.test/terrarium/{z}/{x}/{y}.png'],

assert.deepEqual(def.bounds, [60, -2, 150, 56]);   assert.deepEqual(TV.nightSourceSpec(def).coordinates, [[60, 56], [150, 56], [150, -2], [60, -2]]);   const nasa = TV.resolveNightConfig({ image: 'https://x/earth_lights_2048.png' });

assert.deepEqual(TV.nightSourceSpec(def).coordinates, [[60, 56], [150, 56], [150, -2], [60, -2]]);   const nasa = TV.resolveNightConfig({ image: 'https://x/earth_lights_2048.png' });   assert.equal(nasa.bounds, null, 'custom image without b

const nasa = TV.resolveNightConfig({ image: 'https://x/earth_lights_2048.png' });

assert.equal(TV.resolveNightConfig(false), null);   assert.equal(TV.resolveNightConfig({ enabled: false }), null);   const tiled = TV.resolveNightConfig({ tiles: ['https://x/{z}/{y}/{x}.png'], image: 'a.png' });

assert.equal(TV.resolveNightConfig({ enabled: false }), null);   const tiled = TV.resolveNightConfig({ tiles: ['https://x/{z}/{y}/{x}.png'], image: 'a.png' });   assert.equal(tiled.image, '', 'tiles win over image');

const tiled = TV.resolveNightConfig({ tiles: ['https://x/{z}/{y}/{x}.png'], image: 'a.png' });

Executable file

var TILEJSON_URL = 'https://tiles.openfreemap.org/planet';

var SOURCE_ID = 'openmaptiles';   var OPENFREEMAP_ATTRIBUTION =     '<a href="https://openfreemap.org">OpenFreeMap</a> © <a href="https://openmaptiles.org">OpenMapTiles</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</

'<a href="https://openfreemap.org">OpenFreeMap</a> © <a href="https://openmaptiles.org">OpenMapTiles</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>';

var CONTOUR_SOURCE_ID = 'contours';   var CONTOUR_LAYER = 'contours';   var GLYPHS_URL = 'https://tiles.openfreemap.org/fonts/{fontstack}/{range}.pbf';

var GLYPHS_URL = 'https://tiles.openfreemap.org/fonts/{fontstack}/{range}.pbf';

id: 'mapterhorn',       label: 'Mapterhorn',       tiles: ['https://tiles.mapterhorn.com/{z}/{x}/{y}.webp'],

label: 'Mapterhorn',       tiles: ['https://tiles.mapterhorn.com/{z}/{x}/{y}.webp'],       tileSize: 512,

tiles: ['https://tiles.mapterhorn.com/{z}/{x}/{y}.webp'],

visualMaxzoom: 16,       encoding: 'terrarium',       attribution: '<a href="https://mapterhorn.com/attribution" target="_blank" rel="noopener">© Mapterhorn</a>',

encoding: 'terrarium',       attribution: '<a href="https://mapterhorn.com/attribution" target="_blank" rel="noopener">© Mapterhorn</a>',     },

attribution: '<a href="https://mapterhorn.com/attribution" target="_blank" rel="noopener">© Mapterhorn</a>',

id: 'terrarium',       label: 'Terrarium 30m',       tiles: ['https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png'],

label: 'Terrarium 30m',       tiles: ['https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png'],       tileSize: 256,

tiles: ['https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png'],

var t = (tileCfg && tileCfg.terrain) || {};     var raw = Array.isArray(t.tiles) && t.tiles.length ? t.tiles : [       'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png',

var raw = Array.isArray(t.tiles) && t.tiles.length ? t.tiles : [       'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png',     ];

'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png',

buffer: 256,       attribution:         '<a href="https://protomaps.com">Protomaps</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',

attribution:         '<a href="https://protomaps.com">Protomaps</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',     };

'<a href="https://protomaps.com">Protomaps</a> © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>',

<meta name="viewport" content="width=device-width, initial-scale=1" />   <title>汉图古卷 · 河西跳切（precache + jumpTo）</title>   <link rel="preconnect" href="https://unpkg.com" crossorigin />

<title>汉图古卷 · 河西跳切（precache + jumpTo）</title>   <link rel="preconnect" href="https://unpkg.com" crossorigin />   <link rel="preconnect" href="https://tiles.maps.eox.at" crossorigin />

<link rel="preconnect" href="https://unpkg.com" crossorigin />

<link rel="preconnect" href="https://tiles.maps.eox.at" crossorigin />

<link rel="preconnect" href="https://s3.amazonaws.com" crossorigin />

<link rel="preconnect" href="https://elevation-tiles-prod.s3.amazonaws.com" crossorigin />

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css" />

<script src="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.js" crossorigin="anonymous" integrity="sha384-GfxBM9x46BaAFxtCq39Fxir8fNZ4VDnwgfi6Kzi5/F1tAFsm0amuuV8kd+Pxzuf/"></script>

<script src="https://unpkg.com/gsap@3.12.5/dist/gsap.min.js" crossorigin="anonymous" integrity="sha384-g4NTh/Iv5PPU4xPyhEWqPcwtNXOvdaDI8LLnyYfyNZOjKJeYQyjzQ9X5275eBjpt"></script>

async function main() {         var preset = await fetch(PRESET_URL).then(function (r) { return r.json(); });

var preset = await fetch(PRESET_URL).then(function (r) { return r.json(); });

</script>   <script src="assets/site-nav.js?v=20260829-w2c"></script>   <link rel="preconnect" href="https://unpkg.com" crossorigin />

<script src="assets/site-nav.js?v=20260829-w2c"></script>   <link rel="preconnect" href="https://unpkg.com" crossorigin />   <link rel="preconnect" href="https://tiles.maps.eox.at" crossorigin />

<link rel="preconnect" href="https://unpkg.com" crossorigin />

<link rel="preconnect" href="https://tiles.maps.eox.at" crossorigin />

<link rel="preconnect" href="https://s3.amazonaws.com" crossorigin />

<link rel="preconnect" href="https://elevation-tiles-prod.s3.amazonaws.com" crossorigin />

<link rel="dns-prefetch" href="https://tiles.maps.eox.at" />

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css" />

<link rel="preconnect" href="https://fonts.googleapis.com" />

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600&display=swap" rel="stylesheet" />

<script src="assets/vector-paint.js?v=20260929-roadtiers"></script>   <!-- Three.js r160 · 3D 城池 custom layer 依赖 -->   <script src="https://unpkg.com/three@0.160.0/build/three.min.js" crossorigin="anonymous" integrity="sha384-qOkzR5Ke/XkQxu

<!-- Three.js r160 · 3D 城池 custom layer 依赖 -->   <script src="https://unpkg.com/three@0.160.0/build/three.min.js" crossorigin="anonymous" integrity="sha384-qOkzR5Ke/XkQxuGVJ9hpFEpDlcoLtWwVYhnJf06cLIZa2vaIptSqaubivErzmD5O"></script>   <scrip

<script src="https://unpkg.com/three@0.160.0/build/three.min.js" crossorigin="anonymous" integrity="sha384-qOkzR5Ke/XkQxuGVJ9hpFEpDlcoLtWwVYhnJf06cLIZa2vaIptSqaubivErzmD5O"></script>

Executable file

'https://tiles.maps.eox.at/wmts/1.0.0/s2cloudless-2020_3857/default/g/{z}/{y}/{x}.jpg',

maxzoom: 14,     attribution:       'Sentinel-2 cloudless © <a href="https://s2maps.eu">EOX</a> · modified Copernicus Sentinel data 2020',

'Sentinel-2 cloudless © <a href="https://s2maps.eu">EOX</a> · modified Copernicus Sentinel data 2020',

// Other basemaps (local only): tiles: ['https://YOUR-HOST/{z}/{x}/{y}.png'],

enabled: true,     tiles: [       'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png',

tiles: [       'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png',       'https://elevation-tiles-prod.s3.amazonaws.com/terrarium/{z}/{x}/{y}.png',

'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png',

'https://elevation-tiles-prod.s3.amazonaws.com/terrarium/{z}/{x}/{y}.png',

Executable file

tiles: [       'https://tiles.maps.eox.at/wmts/1.0.0/s2cloudless-2020_3857/default/g/{z}/{y}/{x}.jpg',

'https://tiles.maps.eox.at/wmts/1.0.0/s2cloudless-2020_3857/default/g/{z}/{y}/{x}.jpg',

maxzoom: 14,     attribution:       'Sentinel-2 cloudless © <a href="https://s2maps.eu">EOX</a> · modified Copernicus Sentinel data 2020',

attribution:       'Sentinel-2 cloudless © <a href="https://s2maps.eu">EOX</a> · modified Copernicus Sentinel data 2020',     sourceId: 'basemapRaster',

'Sentinel-2 cloudless © <a href="https://s2maps.eu">EOX</a> · modified Copernicus Sentinel data 2020',

enabled: true,     tiles: [       'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png',

tiles: [       'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png',       'https://elevation-tiles-prod.s3.amazonaws.com/terrarium/{z}/{x}/{y}.png',

'https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png',

'https://elevation-tiles-prod.s3.amazonaws.com/terrarium/{z}/{x}/{y}.png',

// 墨卡托 PNG（assets/night-lights.png，bounds 与脚本一致）。可换成：   //   NASA 低清城市灯光（等经纬全球图，浏览器里重投影）：   //     image: 'https://cdn.jsdelivr.net/gh/mrdoob/three.js@r160/examples/textures/planets/earth_lights_2048.png',

//   NASA 低清城市灯光（等经纬全球图，浏览器里重投影）：   //     image: 'https://cdn.jsdelivr.net/gh/mrdoob/three.js@r160/examples/textures/planets/earth_lights_2048.png',   //     attribution: 'City lights: NASA Earth Observatory',

//     image: 'https://cdn.jsdelivr.net/gh/mrdoob/three.js@r160/examples/textures/planets/earth_lights_2048.png',

//     attribution: 'City lights: NASA Earth Observatory',   //   NASA GIBS 高清瓦片（公共领域，maxzoom 8）：   //     tiles: ['https://gibs.earthdata.nasa.gov/wmts/epsg3857/best/VIIRS_Black_Marble/default/2016-01-01/GoogleMapsCompatible_Level8/{z}/{y}

//   NASA GIBS 高清瓦片（公共领域，maxzoom 8）：   //     tiles: ['https://gibs.earthdata.nasa.gov/wmts/epsg3857/best/VIIRS_Black_Marble/default/2016-01-01/GoogleMapsCompatible_Level8/{z}/{y}/{x}.png'],   //     attribution: 'VIIRS Black Marble: NASA',

//     tiles: ['https://gibs.earthdata.nasa.gov/wmts/epsg3857/best/VIIRS_Black_Marble/default/2016-01-01/GoogleMapsCompatible_Level8/{z}/{y}/{x}.png'],

Executable file

*   node tuner/scripts/bake-night-lights.mjs <geonames 目录> [输出 png]  *  * <geonames 目录> 里放 https://download.geonames.org/export/dump/ 解压后的

*  * <geonames 目录> 里放 https://download.geonames.org/export/dump/ 解压后的  * CN.txt TW.txt HK.txt MO.txt cities500.txt（GeoNames, CC BY 4.0）。

* <geonames 目录> 里放 https://download.geonames.org/export/dump/ 解压后的

Executable file

Executable file

const NE_URLS = [   'https://d2ad6b4ur7yvpq.cloudfront.net/naturalearth-3.3.0/ne_50m_admin_0_countries.geojson',

'https://d2ad6b4ur7yvpq.cloudfront.net/naturalearth-3.3.0/ne_50m_admin_0_countries.geojson',

'https://raw.githubusercontent.com/nvkelso/natural-earth-vector/master/geojson/ne_50m_admin_0_countries.geojson',

const OSM_FR = 'https://polygons.openstreetmap.fr/get_geojson.py?id=';

for (const url of NE_URLS) {     try {       const res = await fetch(url);

try {       const res = await fetch(url);       if (!res.ok) throw new Error('HTTP ' + res.status + ' ' + url);

const res = await fetch(url);

try {         await new Promise((r) => setTimeout(r, attempt === 0 ? 0 : 800 * (attempt + 1)));         const res = await fetch(url, {

await new Promise((r) => setTimeout(r, attempt === 0 ? 0 : 800 * (attempt + 1)));         const res = await fetch(url, {           headers: { 'User-Agent': 'mapstage/region-isolate' },

const res = await fetch(url, {

'. Simplified isolate silhouette, not an official boundary.',     source: 'OpenStreetMap administrative boundary',     sourceUrl: 'https://www.openstreetmap.org/relation/' + spec.relId,

source: 'OpenStreetMap administrative boundary',     sourceUrl: 'https://www.openstreetmap.org/relation/' + spec.relId,     osmRelation: spec.relId,

sourceUrl: 'https://www.openstreetmap.org/relation/' + spec.relId,

Executable file

export const CITY_RAW = [{"relId":2110265,"label":"阿坝藏族羌族自治州","name":"阿坝藏族羌族自治州 རྔ་བ་བོད་རིགས་ཆ་བ༹ང་རིགས་རང་སྐྱོང་ཁུལ་"},{"relId":2748825,"label":"阿克苏地区","name":"阿克苏地区 ئاقسۇ ۋىلايىتى"},{"relId":2752743,"label":"阿拉善盟","name":"阿拉善盟 ᠠᠯᠠᠱᠠ ᠠᠶᠢᠮ

Executable file

const OVERPASS_ENDPOINTS = [   'https://overpass-api.de/api/interpreter',

'https://overpass-api.de/api/interpreter',

'https://overpass.kumi.systems/api/interpreter',

'https://overpass.private.coffee/api/interpreter',

try {       console.log('Trying ' + url);       const res = await fetch(url, {

console.log('Trying ' + url);       const res = await fetch(url, {         method: 'POST',

const res = await fetch(url, {

#!/usr/bin/env node

* South-China-Sea islands, and the ten-dash maritime line.  *  * Sources (Natural Earth 10m, https://www.naturalearthdata.com/):

*  * Sources (Natural Earth 10m, https://www.naturalearthdata.com/):  *   ne_10m_admin_0_countries_chn                          China POV land

* Sources (Natural Earth 10m, https://www.naturalearthdata.com/):

const NE_ADMINS = new Set(['China', 'Hong Kong S.A.R.', 'Macao S.A.R']); const NE_SOURCE = 'Natural Earth 10m (public domain), China POV'; const NE_URL = 'https://www.naturalearthdata.com/';

const NE_URL = 'https://www.naturalearthdata.com/';

Executable file

'vec2 p2=a_pos3d.xy;v_skirt=a_pos3d.z;v_clip=1.0;v_drop=0.0;if(u_clip_enabled>0.5){vec2 orig=u_projection_tile_mercator_coords.xy;vec2 sc=max(u_projection_tile_mercator_coords.zw,vec2(1.0e-12));vec2 duv=(sc*64.0)/max(u_clip_size,vec2(1.0e-1

'vec2 p2=a_pos3d.xy;v_skirt=a_pos3d.z;v_clip=1.0;v_drop=0.0;if(u_clip_enabled>0.5){vec2 orig=u_projection_tile_mercator_coords.xy;vec2 sc=max(u_projection_tile_mercator_coords.zw,vec2(1.0e-12));vec2 texel=vec2(1.0)/vec2(textureSize(u_clip,0

'vec2 p2=a_pos3d.xy;v_skirt=a_pos3d.z;v_clip=1.0;v_drop=0.0;if(u_clip_enabled>0.5){vec2 orig=u_projection_tile_mercator_coords.xy;vec2 sc=max(u_projection_tile_mercator_coords.zw,vec2(1.0e-12));vec2 duv=(sc*64.0)/max(u_clip_size,vec2(1.0e-1

'vec2 p2=a_pos3d.xy;v_skirt=a_pos3d.z;v_clip=1.0;v_drop=0.0;if(u_clip_enabled>0.5){vec2 orig=u_projection_tile_mercator_coords.xy;vec2 sc=max(u_projection_tile_mercator_coords.zw,vec2(1.0e-12));vec2 duv=(sc*64.0)/max(u_clip_size,vec2(1.0e-1

'vec2 p2=a_pos3d.xy;v_skirt=a_pos3d.z;v_clip=1.0;v_drop=0.0;if(u_clip_enabled>0.5){vec2 orig=u_projection_tile_mercator_coords.xy;vec2 sc=max(u_projection_tile_mercator_coords.zw,vec2(1.0e-12));vec2 duv=(sc*64.0)/max(u_clip_size,vec2(1.0e-1

'vec2 p2=a_pos3d.xy;v_skirt=a_pos3d.z;v_clip=1.0;v_drop=0.0;if(u_clip_enabled>0.5){vec2 orig=u_projection_tile_mercator_coords.xy;vec2 sc=max(u_projection_tile_mercator_coords.zw,vec2(1.0e-12));vec2 duv=(sc*64.0)/max(u_clip_size,vec2(1.0e-1

'vec2 p2=a_pos3d.xy;v_skirt=a_pos3d.z;v_clip=1.0;v_drop=0.0;if(u_clip_enabled>0.5){vec2 orig=u_projection_tile_mercator_coords.xy;vec2 sc=max(u_projection_tile_mercator_coords.zw,vec2(1.0e-12));vec2 duv=(sc*64.0)/max(u_clip_size,vec2(1.0e-1

'vec2 p2=a_pos3d.xy;v_skirt=a_pos3d.z;v_clip=1.0;v_drop=0.0;if(u_clip_enabled>0.5){vec2 orig=u_projection_tile_mercator_coords.xy;vec2 sc=max(u_projection_tile_mercator_coords.zw,vec2(1.0e-12));vec2 duv=(sc*64.0)/max(u_clip_size,vec2(1.0e-1

'float g2=dot(g,g);vec2 dir=vec2(0.0);if(g2>1.0e-12){dir=g*inversesqrt(g2);if(inside)dir=-dir;}if(dot(dir,dir)<1.0e-12){vec2 o;float tt;o=vec2(duv.x,0.0);tt=antiqueClipBi(cu+o);if((inside&&tt<0.5)||(!inside&&tt>=0.5))dir=o;o=vec2(-duv.x,0.0

if (!existsSync(src)) {     console.error('Missing ' + src);     console.error('Download https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl-dev.js first.');

console.error('Missing ' + src);     console.error('Download https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl-dev.js first.');     process.exit(1);

console.error('Download https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl-dev.js first.');

#!/usr/bin/env node

'Extracted from the Natural Earth China POV china MultiPolygon (public domain). Dongsha / Zhongsha / Zengmu Ansha are schematic markers. Narrative isolate silhouette.',     source: 'Natural Earth 10m via china isolate MultiPolygon parts',  

source: 'Natural Earth 10m via china isolate MultiPolygon parts',     sourceUrl: 'https://www.naturalearthdata.com/',     simplifyEpsilonDeg: 0.008,

sourceUrl: 'https://www.naturalearthdata.com/',

'Union of SCS / Diaoyu island parts extracted from the Natural Earth china MultiPolygon. Narrative isolate silhouette.',   source: 'Natural Earth 10m via china isolate MultiPolygon parts',   sourceUrl: 'https://www.naturalearthdata.com/',

source: 'Natural Earth 10m via china isolate MultiPolygon parts',   sourceUrl: 'https://www.naturalearthdata.com/',   simplifyEpsilonDeg: 0.008,

sourceUrl: 'https://www.naturalearthdata.com/',

Executable file

Executable file

<meta name="viewport" content="width=device-width, initial-scale=1.0" />   <title>皮肤编辑 · MapStage Studio</title>   <link rel="preconnect" href="https://unpkg.com" crossorigin />

<title>皮肤编辑 · MapStage Studio</title>   <link rel="preconnect" href="https://unpkg.com" crossorigin />   <link rel="preconnect" href="https://tiles.openfreemap.org" crossorigin />

<link rel="preconnect" href="https://unpkg.com" crossorigin />

<link rel="preconnect" href="https://tiles.openfreemap.org" crossorigin />

<link rel="preconnect" href="https://s3.amazonaws.com" crossorigin />

<link rel="preconnect" href="https://elevation-tiles-prod.s3.amazonaws.com" crossorigin />

<link rel="preconnect" href="https://tiles.mapterhorn.com" crossorigin />

<link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.6.0/dist/maplibre-gl.css" />

<link rel="preconnect" href="https://fonts.googleapis.com" />

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600&family=Roboto+Mono:wght@400;500&display=swap" rel="stylesheet" />

<div class="kicker">VECTOR LAYERS · <b id="chrome-proj">GLOBE</b></div>     <div class="nav-right">       <a class="gh" href="https://github.com/hopechen067/MapStage" target="_blank" rel="noopener">GitHub</a>

<div class="nav-right">       <a class="gh" href="https://github.com/hopechen067/MapStage" target="_blank" rel="noopener">GitHub</a>     </div>

<a class="gh" href="https://github.com/hopechen067/MapStage" target="_blank" rel="noopener">GitHub</a>

!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).mlcontour=e()}(this,(function(){"use strict";var t,

Executable file

***************************************************************************** */function o(t,e){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(i[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPrope

Executable file

/**  * MapLibre GL JS  * @license 3-Clause BSD. Full text of license: https://github.com/maplibre/maplibre-gl-js/blob/v5.6.0/LICENSE.txt

* MapLibre GL JS  * @license 3-Clause BSD. Full text of license: https://github.com/maplibre/maplibre-gl-js/blob/v5.6.0/LICENSE.txt  */

* @license 3-Clause BSD. Full text of license: https://github.com/maplibre/maplibre-gl-js/blob/v5.6.0/LICENSE.txt

// benchmarks: https://jsperf.com/quaternion-transform-vec3-implementations-fixed

// Sphere. Ann. Math. Statist. 43 (1972), no. 2, 645--646.   // http://projecteuclid.org/euclid.aoms/1177692644;

// http://projecteuclid.org/euclid.aoms/1177692644;

// benchmarks:   //    http://jsperf.com/quaternion-slerp-implementations

//    http://jsperf.com/quaternion-slerp-implementations

// Implementation of http://planning.cs.uiuc.edu/node198.html

// https://mathworld.wolfram.com/Plane-PlaneIntersection.html

// Uses a more precise solution from the book Ray Tracing Gems, chapter 7.     // https://www.realtimerendering.com/raytracinggems/rtg/index.html

// https://www.realtimerendering.com/raytracinggems/rtg/index.html

// https://bryceboe.com/2006/10/23/line-segment-intersection-algorithm/

// Taken from [Wreck](https://github.com/hapijs/wreck)

* This is used as a workaround for a memory leak in Safari caused by using Transferable objects to  * transfer data between WebWorkers and the main thread.  * https://github.com/mapbox/mapbox-gl-js/issues/8771

* transfer data between WebWorkers and the main thread.  * https://github.com/mapbox/mapbox-gl-js/issues/8771  *

* https://github.com/mapbox/mapbox-gl-js/issues/8771

// The following methods are from https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding#The_Unicode_Problem

return decodeURIComponent(atob(str).split('').map((c) => {

// prevent image dataURI memory leak in Safari;             // but don't free the image immediately because it might be uploaded in the next frame             // https://github.com/mapbox/mapbox-gl-js/issues/10226

// https://github.com/mapbox/mapbox-gl-js/issues/10226

* // This will fetch a file using the fetch API (this is obviously a non interesting example...)  * addProtocol('custom', async (params, abortController) => {  *      const t = await fetch(`https://${params.url.split("://")[1]}`);

* addProtocol('custom', async (params, abortController) => {  *      const t = await fetch(`https://${params.url.split("://")[1]}`);  *      if (t.status == 200) {

*      const t = await fetch(`https://${params.url.split("://")[1]}`);

let response;         try {             response = yield fetch(request);

try {             response = yield fetch(request);         }

response = yield fetch(request);

// Compatibility with (type: string, properties: Object) signature from previous versions.         // See https://github.com/mapbox/mapbox-gl-js/issues/6522,

// See https://github.com/mapbox/mapbox-gl-js/issues/6522,

//     https://github.com/mapbox/mapbox-gl-draw/issues/766

Executable file