Skill LibraryPrompt Skill1 DesignsTop Views

Map List Attribution Interface

Design MapLibre and map-list hybrid interfaces with data provenance, attribution, list alternatives, synchronized selection, and small-screen accessible paths.

Skill Uses0

Recorded selections across prompt workflows.

Public Designs1

Ranked by views, then community favorites.

Prompt Lines10

Reusable instruction lines for generation.

Author@Interface Lab

Data Visualization

Skill Directive

Description

Design MapLibre and map-list hybrid interfaces with data provenance, attribution, list alternatives, synchronized selection, and small-screen accessible paths.

TagsData Visualization

Skill Prompt

- Inputs must include map purpose, geodata source, tile/style/glyph/sprite providers, runtime library, object count, filter fields, selected-object details, commercial-use context, and target devices.
- Separate licensing layers first: runtime, tiles/vector tiles, style JSON, glyphs, sprites, geodata, labels, boundaries, and provider attribution are separate records; MapLibre BSD does not remove map-data attribution needs.
- The map needs an accessible alternate path: result list, table, regional grouping, data download, or text summary; users should not have to drag/zoom to find objects.
- Map, list, filters, and detail panel share selected, hover, focus, and filter state; selecting a list item locates it on the map, and selecting a map object updates details and list focus.
- The map view shows bounds, result count, update time, data source, legend, and active filters; not knowing whether the view is complete or filtered is a serious problem.
- Attribution stays near the map and legible; compact attribution on small screens is only for insufficient space, not a default hiding mechanism when it can fit.
- Layers, markers, heat maps, and choropleths cannot rely only on hue; add legend, text, shape, size, line style, or pattern redundancy.
- Frontend implementation preserves AttributionControl or an equivalent custom attribution component, and tests WebGL unsupported, low performance, mobile touch, keyboard reachability, denied location permission, and offline/tile failure states.
- Deliver a map intake record, attribution matrix, map-list state contract, legend rules, fallback list/table, MapLibre integration snippet, and QA checklist.
- Sources referenced: MapLibre AttributionControl, MapLibre compact attribution options, OSM attribution guidelines, W3C complex images, and USWDS data visualization. The content is rewritten as Interface Lab map-interface skill guidance.

Public directive summary shown; Pro unlocks the full prompt.

Layout Info

Designs below are ordered by views. Top items use live previews; the rest stay fast thumbnail cards.

Unlock Pro All Skills

Map List Attribution Interface

More pages using Map List Attribution Interface