Master ticket for remaining data-driven style properties
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 12.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
Property | Status
------------ | -------------
`text-translate` | #2731. High priority.
`circle-translate` | #2731. Medium priority.
`circle-translate-anchor` | #2731. Medium priority.
`line-gradient` | #8977. Medium priority.
`fill-translate` | #2731. Low priority.
`fill-translate-anchor` | #2731. Low priority.
`line-translate` | #2731. Low priority.
`line-translate-anchor` | #2731. Low priority.
`icon-translate` | #2731. Low priority.
`icon-translate-anchor` | #2731. Low priority.
`text-translate-anchor` | #2731. Low priority.
`fill-extrusion-translate` | #2731. Low priority.
`fill-extrusion-translate-anchor` | #2731. Low priority.
`symbol-placement` | Not ticketed. Needed for Mapbox Streets. Needs investigation of feasibility.
`symbol-spacing` | Not ticketed. Needed for Mapbox Streets. Needs investigation of feasibility.
`text-optional` | #8454
`icon-optional` | #8454
`symbol-avoid-edges` | Not ticketed. Needs compelling use cases / investigation of feasibility.
`icon-allow-overlap` | #8454
`icon-ignore-placement` | #8454
`icon-rotation-alignment` | Not ticketed. Needs compelling use cases / investigation of feasibility.
`icon-text-fit` | Not ticketed. Needs compelling use cases / investigation of feasibility.
`icon-text-fit-padding` | Not ticketed. Needs compelling use cases / investigation of feasibility.
`icon-padding` | #8454
`icon-keep-upright` | Not ticketed. Needs compelling use cases / investigation of feasibility.
`text-pitch-alignment` | Not ticketed. Needs compelling use cases / investigation of feasibility.
`text-rotation-alignment` | Not ticketed. Needs compelling use cases / investigation of feasibility.
`text-max-angle` | Not ticketed. Needs compelling use cases / investigation of feasibility.
`text-padding` | #8454
`text-keep-upright` | Not ticketed. Needs compelling use cases / investigation of feasibility.
`text-allow-overlap` | #8454
`text-ignore-placement` | #8454
`circle-pitch-scale` | Not ticketed. Needs compelling use cases / investigation of feasibility.
`fill-antialias` | Not ticketed. Lowest priority; we are considering removing support for this property (#4093).
`line-miter-limit` | Not ticketed. Lowest priority; we are considering removing support for this property (#4092).
`line-round-limit` | Not ticketed. Lowest priority; we are considering removing support for this property (#4092).
`fill-extrusion-opacity` | No planned support; prototyped in #9562.
`visibility` | No planned support; use a data or composite expression for `filter` instead.
-----
Implemented:
Property | Status
------------ | -------------
`line-dasharray`| #3045. Implemented in #10591.
`line-cap` | #3045. Implemented in #10591.
`text-line-height` | Implemented in #10612
`text-offset` | #4435. Implemented in #4495 / https://github.com/mapbox/mapbox-gl-native/issues/8539.
`icon-image` | #4304. Implemented in #4525 / https://github.com/mapbox/mapbox-gl-native/pull/8592.
`text-rotate` | #3516. Implemented in #4521 / https://github.com/mapbox/mapbox-gl-native/pull/8590.
`icon-size` | #4228. Implemented in #4455 / https://github.com/mapbox/mapbox-gl-native/pull/8593.
`text-size` | #4228. Implemented in #4455 / https://github.com/mapbox/mapbox-gl-native/pull/8593.
`line-width` | #3045. Implemented in #4773 / https://github.com/mapbox/mapbox-gl-native/pull/9214
`line-join` | Implemented in #5020 / https://github.com/mapbox/mapbox-gl-native/pull/9583
`text-anchor` | Implemented in #4997 / https://github.com/mapbox/mapbox-gl-native/pull/9583
`text-justify` | Implemented in #5000 / https://github.com/mapbox/mapbox-gl-native/pull/9583
`text-max-width` | [JS](https://github.com/mapbox/mapbox-gl-js/pull/5067), [Native](https://github.com/mapbox/mapbox-gl-native/pull/9870)
`text-letter-spacing` | [JS](https://github.com/mapbox/mapbox-gl-js/pull/5071), [Native](https://github.com/mapbox/mapbox-gl-native/pull/9870)
`text-font` | #5568. [JS](https://github.com/mapbox/mapbox-gl-js/pull/5698), [Native](https://github.com/mapbox/mapbox-gl-native/pull/10850)
`fill-pattern` | #2732. [JS](https://github.com/mapbox/mapbox-gl-js/pull/6289), [Native](https://github.com/mapbox/mapbox-gl-native/pull/12284)
`line-pattern` | #2732. [JS](https://github.com/mapbox/mapbox-gl-js/pull/6289), [Native](https://github.com/mapbox/mapbox-gl-native/pull/12284)
`fill-extrusion-pattern` | #2732. [JS](https://github.com/mapbox/mapbox-gl-js/pull/6289), [Native](https://github.com/mapbox/mapbox-gl-native/pull/12284)
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing the linked tickets #2731, #8977, and #8454, then compare them with the properties marked as needing feasibility investigation. This is a master ticket with many unrelated rendering features rather than a single implementation target; completion would require selecting and separately scoping one property or updating the tracker as work progresses.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, typescript
- Domain
- computer-graphics, frontend, web-dev
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 20/100