mapbox / mapbox/mapbox.js-plugins

arc.js has a weird rendering artifact over the north pole

オープン
#42 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

主要言語
JavaScript
スター
13
フォーク
16
PR マージ指標
30日以内にマージされた PR はありません

説明

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:

```html

```

```js
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
});
```

Screenshot 2024-03-18 at 11 51 49 AM

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

提供されている arc.js の読み込みスニペットと、arc.GreatCircle(...).Arc(100, { offset: 20 }) を使った再現手順から始めます。生成された線が line.json() でどのように表現され、LineString ソースを通じてどのように描画されるかを調べ、その後、北極のケースで報告されたアーティファクトが表示されなくなっていることを確認します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript
領域
data-visualization, frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
45/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。