プロジェクトの各ステップ

ベースマップの追加方法 - PIX4Dreact

PIX4Dreact のベースマップ

ベースマップは、プロジェクトがオーバーレイされる参照マップとして機能します。 PIX4Dreact は、これらのマップにいくつかのオプションを提供します。 標準ベースマップ オプションは、 Mapbox によって提供されるストリートまたはサテライト コンテンツを含む完全なグローバル ベースマップです。 タイル型ウェブ地図サービスを利用して、カスタマイズしたコンテンツを表示するカスタムベースマップオプションを用意しました。 このサービスは、ローカルまたはオンラインで利用できます。

PIX4Dreact プロジェクトでベースマップを変更

  1. PIX4Dreact でプロジェクトを開きます。
  2. ベースマップを選択globe.jpgをクリックします。
  3. カスタム衛星画像道路 、またはなしを選択します。

ベースマッププロバイダーの追加

カスタムベースマッププロバイダーを追加するには:

  1. ダッシュボード画面で、設定settings.jpgをクリックします。
  2. アプリ設定 セクションで、ベースマップ をクリックします。
  3. カスタムベースマップを選択します。
  4. マップサービスの URL を入力または貼り付けます。
  5. PIX4Dreactで新規プロジェクトを作成します。
  6. ベースマップを選択globe.jpgをクリックします。
  7. カスタムをクリックします。

サポートされている引数

注: 通常、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}
WMS Urlのバウンディングボックス座標。 「latlon」または「lonlat」が指定されていない場合、順序はバージョンによって決定され< 1.3 は lonlat を使用します
{s}
サブドメイン a,b,c.

PythonとQGISを使って、PIX4Dreactにオルソモザイクをベースマップとして追加

  1. 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/
  2. 使用するオルソモザイクからXYZタイルを生成します。
    • QGISを開き、オルソモザイクを読み込みます。
    • 「処理」→「ツールボックス」→「ラスターツール」→「XYZタイル(ディレクトリ)の生成」をクリックします。
    • 以下のパラメータを次のように記入します。
      • 範囲:オルソモザイク。
      • ズームレベルの範囲:オルソのサイズにもよりますが、12~19であればどのようなケースでも問題ありません。
      • タイルのフォーマット:JPG
      • アウトプットディレクトリ:"Local_Basemap "フォルダに保存します。
      • アウトプットhtml: 名前を付けて "Local_Basemap "フォルダに保存します(タイルが正しく作成されたかどうかをテストするため)。
  3. PIX4Dreactを起動し、 以下のURL http://localhost:8000/{z}/{x}/{y}.jpgをカスタムベースマップセクションに追加します。

カスタム Mapbox レイヤーを追加

Mapbox でカスタム ベースマップを作成し、タイル Web マップ サービスとして PIX4Dreact にインポートできます。

  1. Mapbox Studio で、Share & Developに移動します。
  2. Developer resourcesで、Third party を選択します。
  3. PIX4Dreact は Carto または Fulcrum フォーマットをサポートします。
  4. 統合URLをコピーしてください。
  5. PIX4Dreact のアプリ設定でカスタム ベースマップに貼り付けます。