方法

Portal for ArcGIS と ArcGIS Online Map Viewer のポップアップでカスタム フォントを使用する

Last Published: March 3, 2023

サマリー

Portal for ArcGIS と ArcGIS Online Map Viewer では、テキストを追加してポップアップに情報を表示できます。 Map Viewer では、テキスト書式の組み込みフォント オプションは、Default、Arial、Courier New、Tahoma、Times New Roman、および Verdana です。

Map Viewer のテキスト エディターのフォント オプション。

6 つのフォント オプションに加えて、HTML 形式を使用してポップアップにカスタム フォントを追加できます。 この記事では、Portal for ArcGIS と ArcGIS Online Map Viewer のポップアップでカスタム フォントを使用するワークフローについて説明します。

手順

  1. Portal for ArcGIS または ArcGIS Online にログインし、Map Viewer で Web マップを開きます。
  2. Map Viewer の設定 (明るい背景の) ツールバーで、Portal for ArcGIS のポップアップの構成 ポップアップの構成ボタン。 または ArcGIS Online のポップアップをクリックします。
  3. ポップアップ ウィンドウで、コンテンツの追加をクリックし、テキストを選択します。
  4. テキスト エディターで、プレーン テキストを入力するか、「{」と入力して、データからフィールドまたは式を選択します。 この例では、選択したフィーチャの NAME_EN 属性情報を表示するために {NAME_EN} が選択されています。
  5. ソース テキスト エディターのソース ボタン。 をクリックします。
構成する Map Viewer のテキスト エディター。
  1. HTML コードを構成します。
Note:
The following steps may not be applicable to all custom fonts.
  1. <span> タグの前に、次のコードを入力します。 <font_name> をカスタム フォント名に置き換えます。 この例では、フォント名は Broadway です。
<span style="font-family: <font_name>;">
  1. 既存の </span> タグの後に「</span>」と入力します。
カスタム フォント タイプを表示するようにカスタマイズされた HTML ソース コード。
  1. ソースをクリックします。 テキストは、テキスト エディターにカスタム フォントで表示されます。
  2. OK をクリックして、テキスト エディターを閉じます。
  3. コンテンツ (暗い背景の) ツールバーで、保存して開くをクリックし、保存をクリックして変更を保存します。

ポップアップのテキストは、カスタム フォントで表示されます。

Map Viewer のポップアップとカスタム フォント タイプ。

記事 ID: 000029579

新しい問題や一般的な問題に対する通知とソリューションの受け取り

新しい AI チャットボットから、要約された回答とビデオソリューションを入手してください。

Esri Support アプリのダウンロード

ArcGIS エキスパートのサポートを受ける

テクニカル サポートへのお問い合わせ

Esri Support アプリのダウンロード

ダウンロード オプションに移動