ArcGIS Maps SDK for JavaScript バージョン 4.27 をリリースしました！

ArcGIS Maps SDK for JavaScript の最新バージョン 4.27 をリリースしました。

以下では、ArcGIS Maps SDK for JavaScript バージョン 4.27 の主な新機能・機能拡張をご紹介します。

1 バージョン4.27
2 関連リンク

バージョン4.27

初期読み込みの高速化

リリースのたびに、さまざまな方法でパフォーマンスの最適化に取り組んでいます。今回のアップデートでは、最初に地図を読み込み、オンデマンドでポップアップを読み込むことで、API の初期ロードサイズを削減しました。

なぜ、ポップアップを初期負荷の最適化の対象にしたのか？

ポップアップは非常に強力であるため、様々なモジュールに依存しています。これらの依存関係は非常に大きく、MapView の初期ロードサイズの 50％近くを占めていました。ポップアップのロードを延期することで、より速く Map をロードし、必要なときにポップアップの機能を提供することができるようになりました。

コードの更新が必要な場合があります。

ほとんどの場合、この改善を利用するために変更は必要ありません。しかし、view.popup がロードされる前に参照している場合、いくつかの問題に遭遇する可能性があります。詳しくは、リリースノートの Breaking Changes をご確認ください。

シーンレイヤーの編集

新しいシーンレイヤー編集機能（ベータ版公開）を使って、Webを通じて 3D コンテンツをアップロードして共有することができます。様々なフォーマットの 3D モデルをアップロードし、すぐに使えるEditorウィジェットのワークフローを使用して配置することができます。例えば、3D オブジェクトのシーンレイヤーにある建物は、Web 上で直接追加・更新・削除が可能です。この機能は、2023年 6月に行われた ArcGIS Onlineのアップデートで新たにモデル形式の変換機能が追加されました。

Sketchツールと SketchViewModel を使用して、シンプルなアップロードから編集前の Mesh ジオメトリの変換まで、カスタムワークフローを作成することができます。SceneLayer.applyEdits は、以前のリリースで既に属性の更新をサポートしていました。本リリースでは、3D モデルのアップロードによるジオメトリの更新に対応しました。

詳しくは、リリースノートをご覧ください。

3D ベースマップ

3D ベースマップの概念を導入することで、シーンに 3D のコンテキストとスタイルを簡単に追加することができます。また、3D アプリケーションで使用する場合、BasemapGallery ウィジェット内の 2D ベースマップと一緒に 3D ベースマップのオプションをエンドユーザーに提供します。

新しい 3D 地形ベースマップ（6 月の ArcGIS Online リリースでベータ版をリリース）には、グローバルに利用可能な建物、木、ラベルが含まれています。また、アイテム ID を参照することで、プログラムによって 3D 地形ベースマップポータルアイテムを読み込むことができます。

ベースマップギャラリーのサンプルや Scene Viewer で、新しい 3D ベースマップをお試しください。

ストリームレイヤーの作成と保存

ArcGIS Online の 2023 年 6 月のアップデートでは、Map Viewer でストリームレイヤーのスタイルを設定し、それを Web マップに保存してアプリで簡単に読み込むことができます。

他のレイヤー同様、データドリブンなスタイリング、ブレンドやエフェクトの使用、空間フィルターや属性フィルターの作成、Map Viewerで既に使い慣れた様々なツールの活用により、ストリームレイヤーを思い通りに作成することができます。

また、ストリームレイヤーを Web マップに保存することも含め、このすべてを JavaScript のコードで行うことができます。

シンボルビルダー

新しく更新されたシンボルビルダーは、WYSIWYG（what-you-see-is-what-you-get）で 2D や 3D のシンボルを設定し、対応するコードをコピーしてアプリに貼り付けることができるようにしました。シンボルビルダーは、Calcite Components、React、JavaScript Maps SDK で構築されており、現在はサポート終了した Symbol Playground の代わりとなるものです。

3D でより良いラベリング

3D のラベリングでは、フォントサイズの優先ルール、カスタムフォントの統合、遷移、そして全体的なビジュアライゼーションを改善しました。フォントが大きいラベルは小さいラベルよりも優先され、ラベルの視認性や画面距離などに基づく既存の優先順位付けルールはそのまま適用されます。シーンビューで、カスタム CSSを使わずに静的リソースから読み込まれるカスタムフォントをサポートするようになりました。

3Dレンダリングの強化

すべてのデバイスで、誰もが高画質なビジュアルをデフォルトで楽しめるようになりました。デフォルトの雰囲気を改善し、影のあるシーンをより少ないメモリ使用量で高速にレンダリングするようにしました。レンダリング効果は、現在のアクティビティに応じて自動的に調整されます。シーンを探索する際には、流動的なインタラクションを実現するために、従来と同様の品質でレンダリングします。カメラが止まっているときは、より高画質なビジュアルを追加して、最高のクオリティでお届けします。

SceneView.qualityProfile をデフォルトに設定することで、リアルな水のビジュアライゼーションサンプルがどのように改善されるかをご確認ください

Features ウィジェット

新しい Features ウィジェット（ベータ版としてリリース）は、Popup と同様の外観と動作をしますが、Popupとは異なり、Features ウィジェットはビューの外側などアプリケーションのどの部分にでも配置することが可能です。属性やメディア要素などのポップアップテンプレート形式のコンテンツや、アクション、関連レコード、ボタンなどの UI を操作して、選択した複数のフィーチャを段階的に操作することができます。

Feature ウィジェットはどうでしょうか？4.7 から SDK で利用できるようになった Feature ウィジェットをすでに利用されている方も多いかと思います。このウィジェットは Features ウィジェットに似ていますが、1つの Feature からフォーマットされたコンテンツのみを表示し、上記の UI の残りの部分（アクション、関連レコードなど）は含まれません。

ValuePicker ウィジェット

ValuePicker は、スリムで柔軟なウィジェットで、ユーザーは値のリストを順に切り替えまたは再生することができます。メディアプレーヤーのように、「次へ」「前へ」ボタンを使ってインタラクティブに値の切り替えや、あらかじめ設定された間隔で自動的に順序付けられたリストを再生するように設定することができます。データを表示するために、オプションで以下の UI コンポーネントを含めることができます。

ドロップダウンで値を指定するコンボボックス

現在値を表示するシンプルなラベル

値の範囲を表示するスライダー

近傍検索

新しい places クラス（ベータ版リリース）を使って、地理的なポイントから検索距離内にある近くの POIを見つけたり、特定の場所についての詳細情報（名前、カテゴリ、住所、連絡先など）を検索したりすることができます。POI（Point of Interest）とは、世界中で発見できるビジネスや地理的な位置のことです。プレイスサービスでは、人々が自分の周りの場所を発見し、場所を特定し、より深く学ぶことを支援する強力なアプリケーションを構築することができます。詳しくは、Find nearby places and details のサンプルをご確認ください。

Expand ウィジェットの Calcite アイコン

Expand ウィジェットで Calcite のアイコンをサポートするようにしました。これにより、アイコンの名前を参照するだけで、Expand ウィジェットで使用できる 800 以上のアイコンを利用することができます。

ポップアップデザインのアップデート

本リリースでは、ポップアップのフィーチャのページ分けのエクスペリエンスを改善し、フィーチャメニューボタンの新しいアイコンと、フィーチャのページ分け用のボタンの更新を行いました。メディアコンテンツのページ分けが更新され、図表や画像のための横方向のスペースが増えました。ポップアップチャートでは、ツールチップの色に合わせた新しいデフォルトカラーが追加され、インタラクションのエクスペリエンスが向上しました。

もっと詳しく

このリリースにおけるアップデートの詳細については、リリースノートをご覧いただき、バージョン 4.27のサンプルで新機能をお試しください。