Web マップの埋め込み

Web マップを共有する方法の 1 つに、ブログや組織の Web サイトなどの Web ページに Web マップを挿入することがあります。マップ ビューアには、必要とされるコードが付属し、マップのサイズと組み込むツール(縮尺バー、ズーム コントロール、場所検索など)を指定するオプションが用意されています。また、大きなマップを表示するリンクを含めることもできます。マップを埋め込むには、必要なオプションを選択し、テキストをコピーして Web ページに貼り付けます。

Web マップを Web サイトに埋め込むには、次の手順に従います。

手順:
  1. マップ ビューアで保存したマップを開きます。
  2. [共有] ボタンをクリックして [共有] ウィンドウを開きます。
  3. すべてのユーザとマップを共有(パブリック)します。埋め込むことができるのは、すべての人と共有(パブリック)されているマップだけです。
  4. [Web サイトに埋め込む] ボタンをクリックします。

    [Web サイトに埋め込む] ウィンドウが開きます。

  5. マップ上に挿入するオプション(ズーム コントロール、縮尺バー、凡例、説明、場所検索、およびベースマップ セレクタ)のチェックボックスをオンにします。
  6. 前の手順で [場所検索を表示] をオンにした場合、住所と場所の特定をマップの範囲に制限するには、[現在のマップ範囲で場所検索を行います。] のボックスをオンにします。この機能は、Portal 10.2.1 for ArcGIS 以降のリリースにはありません。
  7. デフォルトでは、埋め込まれたマップには、マップ ビューアで表示するための [大きなマップで表示] リンクが含まれています。リンクを含めない場合は、このオプションをオフにします。リンクの名前を変更することもできます。
  8. マップ サイズを選択します。
  9. 提供されている HTML コードを選択してコピーします。
  10. マップを表示したい Web ページにそのコードを貼り付けます。

アプリケーションで大きなマップを開く

デフォルトでは、埋め込まれたマップに含まれる [大きなマップで表示] リンクを使用すると、マップはマップ ビューアで開きます。マップ ビューアは、埋め込まれたマップを大きなサイズで表示したいだけのユーザには必要ない機能も提供します。この場合、限定的な表示機能を提供するアプリケーションでマップを表示できます。これを行うには、埋め込まれたコード内の URL が別のアプリケーションを指すように編集します。

次の埋め込みコードのサンプルは、マップ ビューアでマップを開きます。

<iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
 src="http://www.arcgis.com/home/webmap/embedViewer.html?webmap=a07c19c998954d35a43e98fa3797a705&extent=67.6748,-0.907,78.8259,7.291">
</iframe><br/><small>
<a href="http://www.arcgis.com/home/webmap/viewer.html?webmap=a07c19c998954d35a43e98fa3797a705&extent=67.6748,-0.907,78.8259,7.291"
 style="color:#0000FF;text-align:left" target="_blank">View Larger Map</a></small>

URL の中には、webmap という URL パラメータがあります。このパラメータは、Web マップを表示するアプリケーションを指定します。詳細については、「URL パラメータの使用」をご参照ください。表示アプリケーションを変更するには、URL を更新して、入力 Web マップ ID に基づいて Web マップを表示できるアプリケーションを指定します。Web サイト内のすべてのテンプレートは webmap URL パラメータを使用して動作するため、埋め込みマップで使用されるテンプレートを自由に切り替えることができます。

同じ例で、マップを凡例テンプレートで開くように更新した場合を以下に示します。

<iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
 src="http://www.arcgis.com/home/webmap/embedViewer.html?webmap=a07c19c998954d35a43e98fa3797a705&extent=67.6748,-0.907,78.8259,7.291">
</iframe><br/><small>
<a href="http://www.arcgis.com/apps/Legend/main/index.html?webmap=a07c19c998954d35a43e98fa3797a705"
 style="color:#0000FF;text-align:left" target="_blank">View Larger Map</a></small>

ヒントヒント:
埋め込みコードには、埋め込みマップと大きなマップの範囲を定義するためのパラメータが含まれています。テンプレートでは extent パラメータは無視されます。テンプレートは、Web マップが最後に保存されたときに定義されている範囲でマップを開きます。必要に応じて、大きなマップの extent パラメータは削除できます。

5/20/2014