電子書籍

[ADPS]新しいGoogleマップをADPSに利用する

[ADPS]新しいGoogleマップをADPSに利用する

新しくなったGoogleマップのマイマップを利用するとマーカーのカスタマイズや別の地点からのルート表示もできるので、手順を紹介します。

 

マイマップの作成

まずはGoogleマップにアクセスし、ログインします。

Googleマップ

 

検索欄のクリックし、履歴の一番下に表示される「マイマップ」を選びます。

Googleマップ

 

検索欄の下にマイマップが表示されるので、右側の「作成」を選びます。

Googleマップ

 

新しい地図が表示されるので、地図名とレイヤー名を変更しておきましょう。

Googleマップ

 

表示する地点の登録

地図に表示させたい地点を表示させます。検索欄で名称などで検索もできますし、マップを操作してもかまいません。名称で検索した場合はマーカーをクリックして、表示されたウインドウの「地図に追加」を選びます。自分でマーカーを作成することもできます。

Googleマップ

 

マップやマーカーのスタイル変更

左側のウインドウの下段にある「基本地図」で地図の表示スタイルを変更することもできます。

ss_2014-10-20_21_16_37

 

左のウインドウに追加したマーカー地点にカーソルをもっていった時に表示される右側のマークをクリックすると、マーカーのカラーやスタイルを変更することができます。

ss_2014-10-20_22_46_19

 

マーカーのカラーを変更したり、形を変更することができます。

ss 2014-10-20 21.22.55

 

「他のアイコン」をクリックすると、変わった形のアイコンに変更することもできます。

ss 2014-10-20 21.23.14

 

独自のアイコンを使用するには、600円/月のマイマッププロにアップグレードする必要があります。

ss 2014-10-20 22.53.48

 

埋め込み用コードの取得

画面の右上にある「共有」をクリックします。

ss_2014-10-20_21_24_09

 

「名前と説明と追加」のウインドウが表示されるので、「保存」をクリックします。

ss 2014-10-20 21.25.34

 

「共有設定」のウインドウが表示されるので、「アクセスできるユーザー」の右側にある「変更」をクリックします。

ss_2014-10-20_21_25_40

 

「リンクを共有」のウインドウが表示されるので、「ウェブ上で一般公開」を選んで「保存」をクリックします。

ss_2014-10-20_21_25_52

 

「共有設定」の画面にもどるので、「完了」をクリックします。

ss_2014-10-20_21_26_01

 

次に、左側のウインドウの左上にあるフォルダアイコンをクリックして、「自分のサイトに埋め込む」を選びます。

ss_2014-10-20_21_26_09

 

「この地図を埋め込む」のウインドウが表示されるので、コードをコピーして「OK」をクリックします。

ss 2014-10-20 21.26.14

Googleマップ上での設定は以上です。

 

ADPS用のHTMLファイルの作成

コピーしたコードをWebオーサリングソフトやエディタに新規ファイルにペーストしてHTMLファイルをして保存します。

ss 2014-10-20 21.29.23

 

最寄り駅からのルートなどを表示させたい場合

目的地のマーカーをクリックした時に表示されるウインドウの「ここまでのルートを表示」ボタンをクリックします。

ss_2014-10-20_21_39_35

 

左のウインドウのA点を入力するウインドウが表示されるので、目的にまでのルートを表示させる地点を入力します。入力を確定するとルートがマップ上に表示されます。

ss 2014-10-20 21.41.30

 

表示の確認

InDesign側での設定は、下記の記事と変更ありません。

[ADPS]Googleマップを表示する http://jittodesign.org/adps_googlemap01-483/

Mac上のContent Viewerでの表示です。

ss 2014-10-20 22.19.31

 

iPadのContent Viewerでも表示を確認してみました。

ss 2014-10-20 22.21.10

 

Pocket
LINEで送る

URL
TBURL

返信

*
*
* (公開されません)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

Return Top