ブログに地図の埋め込み方法_1 [グ-グルマップ埋め込み、写真挿入、グ-グルア-ス]
下記のグ-グル地図をブログに埋め込む手順の説明します。
尚、各目印をクリックすれば写真とコメントが表示されます。地図に目印しマ-ク見えないときマウスで地図を移動。
より大きな地図で 赤坂 垂井4 を表示
長い説明が続きます。が、難しく有りません。 画像は、クリックして拡大して確認してください。
1. まず、グ-グルマップでブログに埋め込む地図 2.グ-グルマップの左上の「マイプレイス」をクリック
を表示させる。例として「大垣市」と入力した。大垣を すると赤い色の「地図を作成」アイコン表示され、また
中心とした、下記の画面が表示される。 、作成済みの地図の登録リストが有れば表示されます。
下記の画面表示になる。
<地図検索画面 > <マイプレイスをクリックした画面>


3.「地図を作成」アイコンをクリックするとタイトル 4.例としてタイトル欄に「垂井 赤坂」記載、説明欄に希望
項目表示される、下記の画面になる。 する地図の場所を表示する目印4項目のコメト記載もする。
地図の範囲を任意な範囲(埋め込む範囲の大きさ)
に表示変更しておく。
<地図を作成クリックした画面> <タイトル説明入力した画面>


5.地図の左上の目印マ-クを地図に表示させたい位置 6.タイトルとコメント欄記載・目印マ-クのアイコン変更
までマウスでドラッグする。 するなら右クリックで新たにアイコン表示されて、
新しいマ-クを選択する。
<吹き出し画面> <吹き出しにタイトル・説明入力した画面>


7.更に目印マ-クを追加し表示位置までに移動 8.写真挿入するため、目印マ-ク右下の写真
させる。今回4カ所表示させた。更に、説明の青色 マ-クをクリックすると下記の画面になる。
リッチテキスト文字をクリックすると下記の画面になる。
<吹き出しの リッチテキスト文字クリックした画面> <写真のURL入力画面>


9.挿入する写真のURLアドレスを記載する。 10.プリンタ-アイコンの右の「クサリマ-ク」クリック
※あらかじめいずれかのサ-バ-にWEB上に すると地図左上にリンク表示の画面が表示される
アップロ-ドしてある写真のURLを入力すると下記の 。※埋め込み出来ないと表示された場合、
画面に成る。グ-グルア-ス登録してある写真も可能。 画面消去し、再度グ-グルマップで大垣市入力し→
勿論So-netでも可能、ブログに表示されて無くても、 マイプレイス入力し→登録リストからタイトル名称
アップロ-ド保存で良い。 クリックする→「クサリマ-ク」クリックし埋め込み
可能なにる。
<吹き出しに写真が挿入された画面> <リンク画面>


11.青色の文字「埋め込み地図カスタマイズ」を 12.プレビュ-にして、新規記事が正しく表示されてい
クリック。すると新たな画面が表示される。地図サイズ るか確認してみる。
選択し。HTMLをすべてコピ-し、ブログの埋め込
みたい新規記事に貼り付ける。
<HTMLの文字画面>

尚、各目印をクリックすれば写真とコメントが表示されます。地図に目印しマ-ク見えないときマウスで地図を移動。
より大きな地図で 赤坂 垂井4 を表示
長い説明が続きます。が、難しく有りません。 画像は、クリックして拡大して確認してください。
1. まず、グ-グルマップでブログに埋め込む地図 2.グ-グルマップの左上の「マイプレイス」をクリック
を表示させる。例として「大垣市」と入力した。大垣を すると赤い色の「地図を作成」アイコン表示され、また
中心とした、下記の画面が表示される。 、作成済みの地図の登録リストが有れば表示されます。
下記の画面表示になる。
<地図検索画面 > <マイプレイスをクリックした画面>


3.「地図を作成」アイコンをクリックするとタイトル 4.例としてタイトル欄に「垂井 赤坂」記載、説明欄に希望
項目表示される、下記の画面になる。 する地図の場所を表示する目印4項目のコメト記載もする。
地図の範囲を任意な範囲(埋め込む範囲の大きさ)
に表示変更しておく。
<地図を作成クリックした画面> <タイトル説明入力した画面>


5.地図の左上の目印マ-クを地図に表示させたい位置 6.タイトルとコメント欄記載・目印マ-クのアイコン変更
までマウスでドラッグする。 するなら右クリックで新たにアイコン表示されて、
新しいマ-クを選択する。
<吹き出し画面> <吹き出しにタイトル・説明入力した画面>


7.更に目印マ-クを追加し表示位置までに移動 8.写真挿入するため、目印マ-ク右下の写真
させる。今回4カ所表示させた。更に、説明の青色 マ-クをクリックすると下記の画面になる。
リッチテキスト文字をクリックすると下記の画面になる。
<吹き出しの リッチテキスト文字クリックした画面> <写真のURL入力画面>


9.挿入する写真のURLアドレスを記載する。 10.プリンタ-アイコンの右の「クサリマ-ク」クリック
※あらかじめいずれかのサ-バ-にWEB上に すると地図左上にリンク表示の画面が表示される
アップロ-ドしてある写真のURLを入力すると下記の 。※埋め込み出来ないと表示された場合、
画面に成る。グ-グルア-ス登録してある写真も可能。 画面消去し、再度グ-グルマップで大垣市入力し→
勿論So-netでも可能、ブログに表示されて無くても、 マイプレイス入力し→登録リストからタイトル名称
アップロ-ド保存で良い。 クリックする→「クサリマ-ク」クリックし埋め込み
可能なにる。
<吹き出しに写真が挿入された画面> <リンク画面>


11.青色の文字「埋め込み地図カスタマイズ」を 12.プレビュ-にして、新規記事が正しく表示されてい
クリック。すると新たな画面が表示される。地図サイズ るか確認してみる。
選択し。HTMLをすべてコピ-し、ブログの埋め込
みたい新規記事に貼り付ける。
<HTMLの文字画面>

2012-02-05 23:32
nice!(0)
コメント(0)
トラックバック(0)







コメント 0