mapbox / mapbox/mapbox.js-plugins
arc.js has a weird rendering artifact over the north pole
Open
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 13
- Forks
- 16
- PR merge metrics
- No merged PRs in 30d
Description
In the process of investigating this issue (https://github.com/mapbox/mapbox-gl-js/issues/13121), I discovered some weird rendering artifacts when arc.GreatCircle draws a line across/near the North Pole:
<script src="https://api.mapbox.com/mapbox.js/plugins/arc.js/v0.1.0/arc.js"></script>
let arcs = [];
let start = { x: -122.375, y: 37.61899948120117};
let end = { x: 55.3643989563, y: 25.2527999878};
var generator = new arc.GreatCircle(start, end);
var line = generator.Arc(100, { offset: 20});
arcs.push(line.json());
map.getSource('LineString').setData({
'type': 'FeatureCollection',
'features': arcs
});
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 with the provided arc.js loading snippet and the arc.GreatCircle(...).Arc(100, { offset: 20 }) reproduction. Inspect how the generated line is represented by line.json() and rendered through the LineString source, then verify the north-pole case no longer shows the reported artifact.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- data-visualization, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100