Skip to content

Maps

Web Map Library — MapLibre GL JS

Open-source map rendering library, fork of Mapbox GL JS v1.

Controls

  • NavigationControl — zoom, compass, pitch reset
  • ScaleControl — scale bar
  • FullscreenControl — fullscreen toggle
  • GeolocateControl — user location
  • TerrainControl — 3D pitch toggle

Self-hosted Basemaps — Protomaps

Open-source map tile system using PMTiles (single-file tile archive).

npm Packages

  • pmtiles — register custom pmtiles:// protocol for MapLibre
  • @protomaps/basemaps — generate full basemap style (roads, buildings, water, labels)

CLI Tools

  • pmtiles (go-pmtiles) — install via brew install protomaps/tap/pmtiles
  • tippecanoe — install via brew install tippecanoe; converts GeoJSON → PMTiles

Resources


Other Map Tools

Backlinks (2)
flowchart LR
  n0["AI"]
  n1["Database"]
  n2["Dev Tools"]
  n3["Emoji"]
  n4["Frontend"]
  n5["Game Dev"]
  n6["Collection"]
  n7["Languages"]
  n8["Maps"]
  n9["Media"]
  n10["Monitor"]
  n11["Plans"]
  n12["Cloud"]
  n13["对象存储基本用法(Bucket / Object / 常用操作)"]
  n14["对象存储数据迁移(R2 → MinIO / 跨厂商搬迁)"]
  n15["Object Storage"]
  n16["挂载 Bucket 为本地文件系统(FUSE Mount)"]
  n17["对象存储签名 URL(Signed URL)原理与实战"]
  n18["对象存储供应商对比(S3 / R2 / OSS / Supabase / MinIO)"]
  n19["Prototypes"]
  n20["Research"]
  n21["Better Auth 源码阅读指南"]
  n22["DuckDB 环境与基本使用"]
  n23["DuckDB 实战研究"]
  n24["DuckDB 模拟数据"]
  n25["PostgreSQL 数据用 DuckDB 加速查询"]
  n26["HK 角色阅读"]
  n27["HK 台词阅读"]
  n28["Hollow Knight 英语主题"]
  n29["HK 物品阅读"]
  n30["HK 地点阅读"]
  n31["HK 世界观 / Lore 阅读"]
  n32["HK 英语学习素材清单"]
  n33["英语学习 Dashboard"]
  n34["English Scraps Archive"]
  n35["English Scraps 使用指南"]
  n36["Jellyfin 源码阅读指南"]
  n37["Lux 资料整理"]
  n38["Nest Commander 学习资料"]
  n39["NestJS 源码阅读指南"]
  n40["Protomaps 自建底图研究"]
  n41["自制 PMTiles 地图(最简单例子)"]
  n42["MapLibre 集成 Protomaps"]
  n43["PMTiles 格式与工具链"]
  n44["上海地区底图项目"]
  n45["Redash 源码阅读指南"]
  n46["Rust 学习计划"]
  n47["shadcn/ui 源码阅读指南"]
  n48["TRIP 项目核心原理与代码阅读指南"]
  n1 --> n23
  n6 --> n0
  n6 --> n1
  n6 --> n2
  n6 --> n3
  n6 --> n4
  n6 --> n5
  n6 --> n7
  n6 --> n8
  n6 --> n9
  n6 --> n10
  n6 --> n11
  n6 --> n20
  n12 --> n15
  n13 --> n14
  n13 --> n17
  n13 --> n18
  n13 --> n19
  n14 --> n13
  n14 --> n16
  n14 --> n17
  n14 --> n18
  n15 --> n13
  n15 --> n14
  n15 --> n16
  n15 --> n17
  n15 --> n18
  n16 --> n13
  n16 --> n17
  n16 --> n18
  n17 --> n19
  n18 --> n13
  n18 --> n14
  n18 --> n17
  n18 --> n19
  n19 --> n13
  n19 --> n16
  n19 --> n17
  n19 --> n18
  n19 --> n40
  n20 --> n21
  n20 --> n23
  n20 --> n33
  n20 --> n36
  n20 --> n37
  n20 --> n38
  n20 --> n39
  n20 --> n40
  n20 --> n45
  n20 --> n46
  n20 --> n47
  n20 --> n48
  n22 --> n24
  n23 --> n1
  n23 --> n20
  n23 --> n22
  n23 --> n24
  n23 --> n25
  n24 --> n22
  n24 --> n25
  n25 --> n23
  n25 --> n24
  n28 --> n26
  n28 --> n27
  n28 --> n29
  n28 --> n30
  n28 --> n31
  n28 --> n32
  n28 --> n35
  n32 --> n27
  n33 --> n28
  n33 --> n34
  n33 --> n35
  n35 --> n33
  n35 --> n34
  n40 --> n8
  n40 --> n41
  n40 --> n42
  n40 --> n43
  n40 --> n44
  n41 --> n43
  n42 --> n19
  n42 --> n44
  n43 --> n41
  n43 --> n44
  n44 --> n42
  n44 --> n43
  click n0 "../ai/" "AI"
  click n1 "../database/" "Database"
  click n2 "../dev-tools/" "Dev Tools"
  click n3 "../emoji/" "Emoji"
  click n4 "../frontend/" "Frontend"
  click n5 "../game-dev/" "Game Dev"
  click n6 "../" "Collection"
  click n7 "../languages/" "Languages"
  click n8 "./" "Maps"
  click n9 "../media/" "Media"
  click n10 "../monitor/" "Monitor"
  click n11 "../scraps/plans/" "Plans"
  click n12 "../../knowledge/infrastructure/cloud/" "Cloud"
  click n13 "../../knowledge/infrastructure/cloud/object-storage/basic-usage/" "对象存储基本用法(Bucket / Object / 常用操作)"
  click n14 "../../knowledge/infrastructure/cloud/object-storage/data-migration/" "对象存储数据迁移(R2 → MinIO / 跨厂商搬迁)"
  click n15 "../../knowledge/infrastructure/cloud/object-storage/" "Object Storage"
  click n16 "../../knowledge/infrastructure/cloud/object-storage/mount-bucket/" "挂载 Bucket 为本地文件系统(FUSE Mount)"
  click n17 "../../knowledge/infrastructure/cloud/object-storage/signed-url/" "对象存储签名 URL(Signed URL)原理与实战"
  click n18 "../../knowledge/infrastructure/cloud/object-storage/vendors-comparison/" "对象存储供应商对比(S3 / R2 / OSS / Supabase / MinIO)"
  click n19 "../../prototypes/" "Prototypes"
  click n20 "../../research/" "Research"
  click n21 "../../research/topics/better-auth/" "Better Auth 源码阅读指南"
  click n22 "../../research/topics/duckdb/basic-usage/" "DuckDB 环境与基本使用"
  click n23 "../../research/topics/duckdb/" "DuckDB 实战研究"
  click n24 "../../research/topics/duckdb/mock-data/" "DuckDB 模拟数据"
  click n25 "../../research/topics/duckdb/postgresql-acceleration/" "PostgreSQL 数据用 DuckDB 加速查询"
  click n26 "../../research/topics/english/hollow-knight/characters/" "HK 角色阅读"
  click n27 "../../research/topics/english/hollow-knight/dialogues/" "HK 台词阅读"
  click n28 "../../research/topics/english/hollow-knight/" "Hollow Knight 英语主题"
  click n29 "../../research/topics/english/hollow-knight/items/" "HK 物品阅读"
  click n30 "../../research/topics/english/hollow-knight/locations/" "HK 地点阅读"
  click n31 "../../research/topics/english/hollow-knight/lore/" "HK 世界观 / Lore 阅读"
  click n32 "../../research/topics/english/hollow-knight/resources/" "HK 英语学习素材清单"
  click n33 "../../research/topics/english/" "英语学习 Dashboard"
  click n34 "../../research/topics/english/scraps/archive/" "English Scraps Archive"
  click n35 "../../research/topics/english/scraps/" "English Scraps 使用指南"
  click n36 "../../research/topics/jellyfin/" "Jellyfin 源码阅读指南"
  click n37 "../../research/topics/lux/" "Lux 资料整理"
  click n38 "../../research/topics/nest-commander/" "Nest Commander 学习资料"
  click n39 "../../research/topics/nestjs/" "NestJS 源码阅读指南"
  click n40 "../../research/topics/protomaps/" "Protomaps 自建底图研究"
  click n41 "../../research/topics/protomaps/make-own-map/" "自制 PMTiles 地图(最简单例子)"
  click n42 "../../research/topics/protomaps/maplibre/" "MapLibre 集成 Protomaps"
  click n43 "../../research/topics/protomaps/pmtiles/" "PMTiles 格式与工具链"
  click n44 "../../research/topics/protomaps/shanghai-map/" "上海地区底图项目"
  click n45 "../../research/topics/redash/" "Redash 源码阅读指南"
  click n46 "../../research/topics/rust/" "Rust 学习计划"
  click n47 "../../research/topics/shadcn-ui/" "shadcn/ui 源码阅读指南"
  click n48 "../../research/topics/trip/" "TRIP 项目核心原理与代码阅读指南"