人生は宇宙だ!

カンボジアと食べることが大好きなmoriの生き様を見せます。宇宙のような無限の人生を泥臭く生きろ!

*

好きな場所にピンを立てた地図をブログに載せる方法

      2016/02/15

  • 意外と分かりにくい地図の載せ方

    ブログを書いているとこの場所を地図で載せたいって思うことも多いですよね。そんな時、すでにGoogleマップに登録されている場所は比較的簡単に載せることができます。でも登録されていない場所を載せたいっていうことだってあるじゃないですか。たとえば”ここで強盗に襲われた”っていう場所とか。

    こんな時に自分で好きな場所にピンを立てて、その地図をブログに載せる方法をご紹介します。ちなみにピンっていうやつはこういうやつです。場所を指し示す目印ですね。

    マップのピン

    マップのピン

    地図上にピンを立てよう

    1. まず自分がピンを立てたい場所をマウスでクリックします。そうするとグレーの小さなピンマークが表示されます。

    グレーのピンが表示されます

    グレーのピンが表示されます

    2. 画面の左上の検索欄にクリックした場所の情報が表示されるので、経度、緯度の数字をクリックします。この時に注意することは数字をクリックするっていうこと。ピンをクリックしてしまうと自動的に近くの別の場所にピンが立ってしまうんです。

    経度・緯度をクリック

    経度・緯度をクリック

    3. これで無事に思った場所にピンが立ちましたね。

    20150808_Map4

    ブログに貼り付けるコードを取得する

    次にブログに貼り付けるためのコードを取得します。

    1. 検索蘭にさっきクリックした経度と緯度が表示されているので、右側にある三本の棒マークをクリックします。

    20150808_Map5

    メニューをクリック

    2. メニューが表示されるので”地図を共有または埋め込む”を選択。

    地図を共有または埋め込む

    地図を共有または埋め込む

    3. 小さな画面が開くので上のタブで”地図を埋め込む”を選択៉します。

    地図を埋め込むタブ

    地図を埋め込むタブ

    4. お好みの地図のサイズを選んで、右に表示されるコードを選択してコピーしておきます。

    地図サイズを選択してコードをコピー

    地図サイズを選択してコードをコピー

    ブログの記事に張ってみよう

    コードが取得できたのでサイドに実際にブログに貼ってみます。今回はWordpressの画面で説明しますが他のブログの場合でも同じようなことができると思うのでやってみてください。

    1. ブログの編集画面で編集モードで”テキスト”を選びます。

    テキストを選択

    テキストを選択

    2. 地図を挿入したい場所にさっきコピーしておいたコードをコピーします。

    地図のコードを貼り付け

    地図のコードを貼り付け

    3. 再度編集モードを”ビジュアル”に戻して思った位置に地図が入っているか確認します。この時には地図は黒い四角で表示されていますが問題ありません。

    地図の部分がグレー表示される

    地図の部分がグレー表示される

    4. 最後にプレビューで実際にどのように表示されるか確認してみます。実際にプレビューするとこんな感じになります。問題なければ投稿します。

    プレビューはこんな感じ

    プレビューはこんな感じ

    実際に地図を貼ってみました。こんな感じになります。

    • 0
    • 0
    • 0

     - デジタルライフ, ブログ運営 , ,

  •   関連記事

    ツイートの埋め込み例
    Twitterのツイートをブログに埋め込む方法

    簡単にツイートを埋め込めます 自分のブログにTwitterでつぶやいたツイートを …

    WordPressのデータベースを手動でバックアップする方法

    WordPressのアップデートなどの時にはデータベースのバックアップは必須 W …

    インターネットに接続完了です。
    京都で無料Wi-Fiを使うならKYOTO Wi-Fi。事前登録なしですぐに使えます

    ゲストコードの取得なしでインターネットに接続できる 京都を訪れる旅行者(特に外国 …

    Zenfone5
    容量不足でアプリがインストールできない時にはキャッシュクリアを試してみよう

    容量不足でアプリのインストールができない? Zenfone5を使い始めてまだそん …

    Googleマップ
    Googleマップをナビに使ってるあなた。ちゃんと案内してくれないのは歩行者モードになってるからじゃない?

    歩行者モードにすると喋ってくれない みなさんは車を運転する時にナビを使ってますか …

    削除したいものを選択
    Chromeで入力候補を簡単に削除する方法

    fn + shift + deleteで候補を削除できます フォームの入力などで …

    Wordpressの定型文はまとめろ
    WordPressで定型文を使うならプラグイン「TinyMCE テンプレート」が超便利。定型文のストレスが激減したよ

    TinyMCE テンプレートを使えば定型文に関わるストレスが激減する理由 ブログ …

    ネット環境の悪いカンボジアでMacをOS X Mavericksにアップデータしてみた

    ネット回線が遅いカンボジアでアップデートに挑戦 今回はあんまりカンボジアには関係 …

    iTunesはこれです
    BGMとして音楽を聴きたい時にはiTunesで無料のインターネットラジオがおすすめ

    iTunesがあれば無料で音楽が聴きまくれます こうやってブログを書く時や仕事を …

    恥をかいていることすらわからなくなるくらい恥をかきまくれ

    恥をかけるあなたは勇気ある人だ こうやってブログを書くようになって分かったことが …