maplibre-terrain-rendering
From the author
Drawing elevation in MapLibre GL JS once a raster-dem source works — hillshade and `hillshade-method`, the `color-relief` layer and the `["elevation"]` expression, runtime contours with `maplibre-contour`, and 3D terrain with its camera and sky. Use when relief looks harsh, flat, or absent, or when the layer type or property for an elevation effect is unclear.
Install
npx skills add maplibre/maplibre-agent-skills --skill maplibre-terrain-rendering -a claude-code
Installs to .claude/skills/maplibre-terrain-rendering/ · Each command fetches the skill straight from GitHub with the open skills CLI.
Byte-identical to the scanned commit, with the repository’s licence and a SOURCE.txt.
Want your agent to suggest skills while you type? See how to use skills from your IDE.
Safety checks on SKILL.md
No warnings.
Why 84
aiqbench computes the trust score from public signals. It is not a security audit, so read a skill before you install it.
Similar skills
Closest to this one by what they do and when they are used.
- maplibre-cartographymaplibre/maplibre-agent-skillsCartographic principles for MapLibre GL JS — label and symbol legibility on imagery vs. vector basemaps, figure-ground for point icons, styling vector roads over aerial imagery, visual hierarchy, layer ordering for data injection, and accessibility. Use when styling a map, choosing text or symbol colors, making markers or roads readable on satellite/aerial imagery, or ordering layers correctly.Other★ 155
- map-3dSpaceZephyr/map-motion3D 地形地图视频：真实立体山体（卫星贴图 + 高程）上做轨迹/路线/地点动画，竖屏 MP4。卫星地球俯冲 → 整条路线 3D 鸟瞰 → 镜头贴着人/车沿路线走（走过的线变黄、里程、海拔、累计爬升、小地图、底部海拔剖面、沿途弹照片）→ 拉回全景出总数据；或单个地点俯冲后绕着转一圈（地名、经纬度、海拔）；或光线推演：某天日出/日落时太阳照到哪座山、几点日照金山、机位几点见光（按真实太阳位置 + 山体遮挡算）。支持徒步/登山（GPX 或 OSM 小路连线）、自驾、骑行、步行（高德路线规划）、景点/雪山环绕。用 map-motion 的引擎（MapLibre 渲染）。当用户说「3D 地图」「立体地图」「3D 地形」「像 Google Earth 那样」「两步路/六只脚那种 3D 轨迹回放」「3D 徒步轨迹」「自驾路线 3D」「山体立体」「环绕雪山」「3D 版本」「日照金山几点」「日出/日落机位」「光线推演」「几点见光」，或拿来 GPX/路线要做有山体起伏的地图视频时使用。平面风格（手账、霓虹、高德标准等）、多镜头组合、飞线、行政区仍用 map-motion 主 skill。Other★ 97
- maplibre-tile-sourcesmaplibre/maplibre-agent-skillsChoosing what form your data needs for MapLibre GL JS — GeoJSON read straight from a file versus vector or raster tiles, the feature-count and file-size thresholds where each stops working, and how a basemap and your own data combine as separate sources. Use when deciding which source type a dataset needs, not when hosting or configuring one.Other★ 155
- maplibre-source-wiringmaplibre/maplibre-agent-skillsGetting a MapLibre GL JS source to actually render — TileJSON `url` versus hand-wired `tiles` templates, matching `source-layer` names to the tile schema, layer order and inserting below labels, `promoteId` and the feature ids that feature state needs, and the CORS and glyph failures behind a blank map. Use when a source is configured but nothing is drawing, or when setFeatureState does nothing.Media★ 155
- threejs-materials-lightinggamedev-skills/awesome-gamedev-agent-skillsLight and shade a three.js scene: choose materials (MeshStandardMaterial PBR vs unlit MeshBasicMaterial), add ambient/hemisphere/directional/point/spot lights, turn on shadow maps, and use an environment map (IBL) for realistic reflections. Use when a three.js model looks black, flat, or wrong — when the user mentions three.js materials, MeshStandardMaterial, lights, shadows, envMap, or PBR. For renderer/loop setup use threejs-scene-setup; for loading models use threejs-gltf-loading.Media★ 4.6K
- maplibre-sprites-iconsmaplibre/maplibre-agent-skillsSprites and icon images for MapLibre GL JS — choosing a `Marker`, a sprite, or `addImage`; the `sprite` base URL and its `{id, url}` array form for several sheets; self-hosting and building sprites; runtime images, SVGs included, with `addImage`; finding a missing icon with the console warning and `hasImage`; and route shields that render as bare numbers. Use when deciding how to put icons on a map, when a symbol layer's icons never appear, when adding your own icons to a style whose sprite you do not control, or when shields are missing their badge.Media★ 155
Ratings & reviews
—
no reviews
Tried this skill? Rate it to help others. Sign in
Discussion
Join the discussion. Sign in