So-net無料ブログ作成
検索選択

ブログに地図の埋め込み方法_1 [グ-グルマップ埋め込み、写真挿入、グ-グルア-ス]

下記のグ-グル地図をブログに埋め込む手順の説明します。
尚、各目印をクリックすれば写真とコメントが表示されます。地図に目印しマ-ク見えないときマウスで地図を移動。

より大きな地図で 赤坂 垂井4 を表示

長い説明が続きます。が、難しく有りません。 画像は、クリックして拡大して確認してください。
1. まず、グ-グルマップでブログに埋め込む地図  2.グ-グルマップの左上の「マイプレイス」をクリック
を表示させる。例として「大垣市」と入力した。大垣を   すると赤い色の「地図を作成」アイコン表示され、また
中心とした、下記の画面が表示される。           、作成済みの地図の登録リストが有れば表示されます。
                                     下記の画面表示になる。
     <地図検索画面 >                     <マイプレイスをクリックした画面>
1.jpg2.jpg
3.「地図を作成」アイコンをクリックするとタイトル    4.例としてタイトル欄に「垂井 赤坂」記載、説明欄に希望
項目表示される、下記の画面になる。            する地図の場所を表示する目印4項目のコメト記載もする。
                                    地図の範囲を任意な範囲(埋め込む範囲の大きさ)
                                    に表示変更しておく。
  <地図を作成クリックした画面>                 <タイトル説明入力した画面>
3.jpg4.jpg
5.地図の左上の目印マ-クを地図に表示させたい位置 6.タイトルとコメント欄記載・目印マ-クのアイコン変更
までマウスでドラッグする。                   するなら右クリックで新たにアイコン表示されて、
                                      新しいマ-クを選択する。
<吹き出し画面>                               <吹き出しにタイトル・説明入力した画面>
5.jpg6.jpg
7.更に目印マ-クを追加し表示位置までに移動        8.写真挿入するため、目印マ-ク右下の写真
させる。今回4カ所表示させた。更に、説明の青色       マ-クをクリックすると下記の画面になる。
リッチテキスト文字をクリックすると下記の画面になる。
<吹き出しの リッチテキスト文字クリックした画面>          <写真のURL入力画面>
7.jpg8.jpg
9.挿入する写真のURLアドレスを記載する。      10.プリンタ-アイコンの右の「クサリマ-ク」クリック
※あらかじめいずれかのサ-バ-にWEB上に     すると地図左上にリンク表示の画面が表示される
アップロ-ドしてある写真のURLを入力すると下記の     。※埋め込み出来ないと表示された場合、
画面に成る。グ-グルア-ス登録してある写真も可能。     画面消去し、再度グ-グルマップで大垣市入力し→
勿論So-netでも可能、ブログに表示されて無くても、     マイプレイス入力し→登録リストからタイトル名称
アップロ-ド保存で良い。     クリックする→「クサリマ-ク」クリックし埋め込み
    可能なにる。
<吹き出しに写真が挿入された画面>                   <リンク画面>
9.jpg10.jpg
11.青色の文字「埋め込み地図カスタマイズ」を   12.プレビュ-にして、新規記事が正しく表示されてい
クリック。すると新たな画面が表示される。地図サイズ るか確認してみる。
選択し。HTMLをすべてコピ-し、ブログの埋め込
みたい新規記事に貼り付ける。
   <HTMLの文字画面>
12.jpg

nice!(0)  コメント(0)  トラックバック(0) 

nice! 0

コメント 0

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

この記事のトラックバックURL: