Maps
Web Map Library — MapLibre GL JS
Open-source map rendering library, fork of Mapbox GL JS v1.
- MapLibre GL JS Docs
- MapLibre Style Spec v8
- MapLibre Examples
- MapLibre API Reference
- GitHub: maplibre/maplibre-gl-js
- Awesome MapLibre
- Demo Tiles
- npm:
maplibre-gl— vector^5.5.0
Controls
NavigationControl— zoom, compass, pitch resetScaleControl— scale barFullscreenControl— fullscreen toggleGeolocateControl— user locationTerrainControl— 3D pitch toggle
Self-hosted Basemaps — Protomaps
Open-source map tile system using PMTiles (single-file tile archive).
- Protomaps Docs
- Getting Started Guide
- Basemap Download & Preview
- PMTiles Viewer
- PMTiles Spec
- GitHub: protomaps/go-pmtiles
npm Packages
pmtiles— register custompmtiles://protocol for MapLibre@protomaps/basemaps— generate full basemap style (roads, buildings, water, labels)
CLI Tools
pmtiles(go-pmtiles) — install viabrew install protomaps/tap/pmtilestippecanoe— install viabrew install tippecanoe; converts GeoJSON → PMTiles
Resources
- bboxfinder.com — draw rectangle, copy bbox coords
- geojson.io — draw shapes, export GeoJSON
Other Map Tools
- Leaflet — Lightweight open-source map library
- OpenStreetMap — Free raster tile source
- MapLibre Demo Tiles — Free vector tiles for testing
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 项目核心原理与代码阅读指南"