これはレイアウト確認用のダミーテキストです。
リリース
Mapbox GL JS v2.2.0：GeoJSONのパフォーマンス改善と3D地形の水平な屋根
見出し
SafariでのGeoJSONアップデートパフォーマンスの向上、すべての塗りつぶし押し出しに対する3D地形の水平な屋根、および開発者が自動テストスイートにMapboxを含め、顧客に高品質のエクスペリエンスを保証できるようにするための新しい継続的インテグレーション（CI）テストモードを備えたMapbox GL JS v2.2.0をリリースしました。
データ更新パフォーマンスの向上
setData(geojson)を使用したGeoJSONソースの更新がSafariで大幅に高速化され、車両や資産の位置など、頻繁に更新されるデータを持つレイヤーのデータレンダリングがよりスムーズになりました。Instacartは、Mapbox GLを活用してユーザーがリアルタイムで注文を追跡できるようにしていますが、今回のアップデートにより、ブラウザに関係なく、注文が玄関に近づくにつれて、ユーザーはスムーズなアニメーションを体験できます。
3D地形の屋根を水平にする
3D建物上の屋根が、地形ではなく地球に対して水平になりました。水平な屋根は、地形の上に描画されるすべてのfill-extrusionレイヤーに対して描画されるようになりました。以前は、カスタムデータを使用するレイヤー上の押し出しフィーチャの上面は、地形の標高に従っていました。押し出しは、すべてのカスタムデータレイヤーに対して水平な上面で正しく描画されるようになりました。
継続的インテグレーション（CI）テストモード
テストモードを使用すると、開発者はアクセストークンなしでGL JSを自動テストに含めることができます。開発者は、完全なテストカバレッジを確保し、高品質のアプリケーションを顧客に提供しているという自信を持って、コードを迅速に反復できます。テストモードで作成された地図は、Mapboxからリソースをロードせず、課金も発生しません。GL JS APIは期待どおりに動作し、テストスタイルとタイルをローカルでロードできます。テストモードでは、次のことが可能です。
- レイヤー上のclickやmouseoverなどのインタラクションイベントをリッスンします 。
- マーカーとポップアップを操作する
- map.queryRenderedFeatures()を使用してフィーチャデータをクエリする
- カメラの中心、ズーム、またはベアリングを更新し、map.easeTo()とmap.flyTo()を使用します
v2.2.0へのアップグレード
Mapbox GL JS v2.2.0 is available on CDN. Include the JavaScript and CSS files in the <head> block of your HTML file to upgrade:
<script src="https://api.mapbox.com/mapbox-gl-js/v2.2.0/mapbox-gl.js"></script>
<link href="https://api.mapbox.com/mapbox-gl-js/v2.2.0/mapbox-gl.css" rel="stylesheet" />変更点の詳細は、v2.2.0のリリースノートをご覧ください。
これはレイアウト確認用のダミーテキストです。
これはレイアウト確認用のダミーテキストです。
著者
ゲスト
Ryan Hamley
Mapbox
%201%20(1).png)
