本記事の内容
PIX4Dreactのベースマップ
PIX4Dreact プロジェクトでベースマップを変更
サポートされている引数
PythonとQGISを使って、PIX4Dreactにオルソモザイクをベースマップとして追加
PIX4Dreact のベースマップ
ベースマップは、プロジェクトがオーバーレイされる参照マップとして機能します。 PIX4Dreact は、これらのマップにいくつかのオプションを提供します。 標準ベースマップ オプションは、 Mapbox によって提供されるストリートまたはサテライト コンテンツを含む完全なグローバル ベースマップです。 タイル型ウェブ地図サービスを利用して、カスタマイズしたコンテンツを表示するカスタムベースマップオプションを用意しました。 このサービスは、ローカルまたはオンラインで利用できます。
PIX4Dreact プロジェクトでベースマップを変更
- PIX4Dreact でプロジェクトを開きます。
- ベースマップを選択をクリックします。
- カスタム 、 衛星画像 、 道路 、またはなしを選択します。
ベースマッププロバイダーの追加
カスタムベースマッププロバイダーを追加するには:
- ダッシュボード画面で、設定をクリックします。
- アプリ設定 セクションで、ベースマップ をクリックします。
- カスタムベースマップを選択します。
- マップサービスの URL を入力または貼り付けます。
- PIX4Dreactで新規プロジェクトを作成します。
- ベースマップを選択をクリックします。
- カスタムをクリックします。
サポートされている引数
注: 通常、URLの形式は次のとおりです:
http://tiles.example.com/path/ {z} / {y} / {x} 。
詳しくはこちら: タイルウェブマップについて(英語)
PIX4Dreactでサポートされている引数は、以下の表の通りです。
引数
説明
{x}
タイルのX位置
{y}または{-y}
タイルのY位置(上/北から開始した場合)。 原点が下/南(TMS)の場合は、{-y}を使用します。
{z}
ズーム
{r}
スケール値。
URLに"@2x "を追加して、レティナタイルを読み込むのに使用できます。
{q}
クワッドツリー
{bbox4326}
{bbox4326_latlon}
{bbox4326_lonlat}
{bbox3857}
{bbox4326_latlon}
{bbox4326_lonlat}
{bbox3857}
WMS Urlのバウンディングボックス座標。 「latlon」または「lonlat」が指定されていない場合、順序はバージョンによって決定され< 1.3 は lonlat を使用します
{s}
サブドメイン a,b,c.
PythonとQGISを使って、PIX4Dreactにオルソモザイクをベースマップとして追加
- pythonを使ってローカルサーバを作成します。
- Windowsマシンに専用のフォルダを作成します (例: "Local_Basemap")。
- Windowsのコンソールを開き、"Local_Basemap "フォルダに移動してください。
- 以下のコマンドを実行します。"C:◆Program Files ◆QGIS 3.16 ◆apps ◆Python37 ◆python" -m http.server (Pythonのインストール先が正しいか確認してください)。
- コンソールには、以下のメッセージが表示されます。HTTP on 0.0.0.0 port 8000 (http://0.0.0.0:8000/) を処理しています ... ローカルサーバーのURLは次のようになります。http://localhost:8000/
- 使用するオルソモザイクからXYZタイルを生成します。
- QGISを開き、オルソモザイクを読み込みます。
- 「処理」→「ツールボックス」→「ラスターツール」→「XYZタイル(ディレクトリ)の生成」をクリックします。
- 以下のパラメータを次のように記入します。
- 範囲:オルソモザイク。
- ズームレベルの範囲:オルソのサイズにもよりますが、12~19であればどのようなケースでも問題ありません。
- タイルのフォーマット:JPG
- アウトプットディレクトリ:"Local_Basemap "フォルダに保存します。
- アウトプットhtml: 名前を付けて "Local_Basemap "フォルダに保存します(タイルが正しく作成されたかどうかをテストするため)。
- PIX4Dreactを起動し、 以下のURL http://localhost:8000/{z}/{x}/{y}.jpgをカスタムベースマップセクションに追加します。
カスタム Mapbox レイヤーを追加
Mapbox でカスタム ベースマップを作成し、タイル Web マップ サービスとして PIX4Dreact にインポートできます。
- Mapbox Studio で、Share & Developに移動します。
- Developer resourcesで、Third party を選択します。
- PIX4Dreact は Carto または Fulcrum フォーマットをサポートします。
- 統合URLをコピーしてください。
- PIX4Dreact のアプリ設定でカスタム ベースマップに貼り付けます。