2015年1月27日火曜日

Googleマイマップ をブログに埋め込む

目次へ



Google のマイマップを作成し、地図上にラインなどを描画したものをWebサイトやブログに貼りつける方法です。


■■■■マイマップを作成■■■■

Googleアカウントでログインし、Google Mapの検索ボックスをクリックするとマイマップ作成リンクがあるのでそれをクリック。
その後、作成リンクをクリックします。




この後、下のようなボタンが表示され、マーカを作成、ライン描画、ルート表示、などができるようになります。




できあがったら、無題の地図と表示されているところをクリックし、タイトルなどを入力し、保存ボタンを押せばマイマップが作成できます。


■■■■マイマップを表示■■■■

Google Mapの検索ボックスをクリック、マイマップをクリック、 表示されるマイマップのタイトルをクリックで、保存したマイマップを表示することができます。


■■■■マイマップを埋め込む■■■■

まず、一般公開の設定です。
共有(赤い矢印)をクリックしし、共有設定のウィンドウで、非公開と表示されている部分の右にある、「変更」をクリックします。
新しく表示されたリンクの共有ウィンドウで、「ウェブ上で一般公開」を選択し、保存をします。
これで、一般公開ができるようになりました。

次は、マイマップを埋め込むためのコードを取得します。
下の図の黒い矢印の部分をクリックします。すると、メニューが出てきますので、その中の、「自分のウェブサイトに埋め込む」をクリックします。
すると、「<iframe src=・・・」と書かれたHTMLが表示されますので、それをコピーして、自分のブログなどに貼り付ければOKです。





■■■■マイマップを削除■■■■

上の図の黒い矢印をクリックしたときに出てくるメニューの中に、「この地図を削除する」があるので、それをクリックすれば、その時表示されているマイマップを削除することができます。





にほんブログ村 IT技術ブログ IT技術メモへ
にほんブログ村

0 件のコメント:

コメントを投稿