Adobe Muse で地図を表示する方法

by Tsuyoshi Nakao

Posted on 07-30-2013

Muse で作成するサイトに、Google マップ等の地図を配置する方法を解説します。

Muse の HTML を挿入

Muse でサポートしていない多くのオブジェクトは、数多く提供されている Web サービスと連携することにより取り込むことができます。Google マップから、埋め込み用 HTML を書き出し、Muse の HTML 挿入機能を利用して配置します。

Google マップを埋め込む

それでは、Google マップの任意の場所を配置してみましょう。先ず、Google マップで任意の場所を表示します。

gmap

左上の△のアイコンをクリックしてパネルを開き、リンクアイコンをクリックします。続けて、「埋め込み地図のカスタマイズとプレビュー」というリンクをクリックし、カスタマイズパネルを開きます。

gmap_2

地図のサイズを選び、デフォルトで表示させたい場所や倍率を微調整します。

gmap_3

地図のサイズは、大中小の各プリセット以外に、カスタムで幅と高さをピクセル指定することもできます。カスタマイズパネル下部ボックスに、カスタマイズした内容に従って HTML コードが生成されています。すべてを選択して、コピーします。

gmap_4

Muse に移動し、地図を貼り付けたいページをデザインモードで開きます。[オブジェクト] メニューから [HTML を挿入…] を選択します。

muse_html_embedded

ダイアログが表示されたら、[ペースト]します。Google マップでコピーした HTML がペーストされます。[OK] をクリックします。

gmap_5

ページ上に地図が配置されます。レイアウトを調整してできあがりです!

gmap_6

Topics: クリエイティブ

Products: