Web マップの埋め込み
Web マップを共有する方法の 1 つに、ブログや組織の Web サイトなどの Web ページに Web マップを挿入することがあります。マップ ビューアには、必要とされるコードが付属し、マップのサイズと組み込むツール(縮尺バー、ズーム コントロール、場所検索など)を指定するオプションが用意されています。また、大きなマップを表示するリンクを含めることもできます。マップを埋め込むには、必要なオプションを選択し、テキストをコピーして Web ページに貼り付けます。
Web マップを Web サイトに埋め込むには、次の手順に従います。
- マップ ビューアで保存したマップを開きます。
- [共有] ボタンをクリックして [共有] ウィンドウを開きます。
- すべてのユーザとマップを共有(パブリック)します。埋め込むことができるのは、すべての人と共有(パブリック)されているマップだけです。
-
[Web サイトに埋め込む] ボタンをクリックします。
[Web サイトに埋め込む] ウィンドウが開きます。
- マップ上に挿入するオプション(ズーム コントロール、縮尺バー、凡例、説明、場所検索、およびベースマップ セレクタ)のチェックボックスをオンにします。
- 前の手順で [場所検索を表示] をオンにした場合、住所と場所の特定をマップの範囲に制限するには、[現在のマップ範囲で場所検索を行います。] のボックスをオンにします。この機能は、Portal 10.2.1 for ArcGIS 以降のリリースにはありません。
- デフォルトでは、埋め込まれたマップには、マップ ビューアで表示するための [大きなマップで表示] リンクが含まれています。リンクを含めない場合は、このオプションをオフにします。リンクの名前を変更することもできます。
- マップ サイズを選択します。
- 提供されている HTML コードを選択してコピーします。
- マップを表示したい 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>