# Map33 JS

> Usa a hacer mapas 3D con map33 (Three.js Pearson).

- Skill: `ntizar/map33-js` (Agent Skill)
- Install (CLI): `npx skillmds@latest add ntizar/map33-js`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ntizar/map33-js/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: AI & ML
- Author: ntizar (https://skillmd.com/u/ntizar)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/ntizar/map33-js

---


# map33 — mapa 3D desde tilesets XYZ (Three.js)

> ⚠️ Corrección 2026-09-05 (auditoría): el paquete npm es **`map33`** (no `map33.js`); la API es `import { Map, Source, MapPicker }` + `new Map(scene, camera, source, position, { nTiles, zoom })`. **No** inventar `new Map33({container})`/`addLayer()`/`setPitch/setBearing`.

**Repo:** `https://github.com/jccf/map33` (JavaScript, ~505⭐, inactivo desde 2023).

## When to Use

- Cuando pidas un **mapa 3D de terreno** construido desde tilesets XYZ/OGC en Three.js (alternativa a maptalks.three).

## Uso (API real)

```bash
npm install map33
```

```js
import { Map, Source, MapPicker } from 'map33';
const m = new Map(scene, camera, source, position, { nTiles: 3, zoom: 12 });
```

## Pitfalls

- Paquete: **`map33`**, no `map33.js`.
- API: `new Map(scene, camera, source, position, opts)`; no `new Map33({container})`/`addLayer`/`setPitch`/`setBearing`.
- No es un drop-in de maptalks.three (construye terreno 3D desde tilesets XYZ).

## Verificación

- Instalar `map33`, crear un `Map` con scene+camera+source y ver el terreno.