東京都大田区新築一戸建て全面リフォーム|しあわせ設計の部屋

東京都大田区・世田谷区・品川区・川崎市・横浜市で一戸建て新築や建て替え、全面リフォームを請け負っている㈱ビーテック

地図の埋込みに挑戦!!|東京都大田区注文住宅新築一戸建てビーテック

2017-02-13 14:38:54 | 仕事

東京都大田区・世田谷区・品川区・川崎市・横浜市で一戸建て新築や建て替え、全面リフォームのことならビーテックにお任せください!

ブログを見ていただきありがとうございます。

 

Googlマップをブログやホームページなどに

埋め込めると便利かなぁと、

『マップヘルプ画面』をみながら挑戦してみました!!

↓    ↓    ↓    ↓

地図やルートを埋め込む

ウェブサイトやブログに地図やルートを埋め込む手順は次のとおりです。

  1. Google マップを開きます。
  2. 埋め込みたい地図、ストリートビュー画像、ルートを地図上に表示します。
  3. 左上のメニュー をクリックします。
  4. [地図を共有 / 埋め込む] をクリックします。
  5. 表示されるボックスの上部で [地図を埋め込む] タブを選択します。
  6. ご希望の埋め込みサイズを選択し、HTML 埋め込みコードをコピーしてウェブサイトやブログのソースコードに貼り付けます。

 

<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3245.9041685774514!2d139.7250786500536!3d35.55606888012655!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x601860feae6bccf3%3A0x2c5b6dc2f9403935!2z44CSMTQ0LTAwMzQg5p2x5Lqs6YO95aSn55Sw5Yy66KW_57OA6LC377yU5LiB55uu77yT77yR4oiS77yR77yX!5e0!3m2!1sja!2sjp!4v1486964278653" frameborder="0" width="600" height="450"></iframe>

 

編集画面ではちゃんと地図が埋め込まれたのに、

実際にはURLが表示されるだけ・・・

もう少し勉強しないと・・・

 

表示を小さくしたり、ブログの設定を変更してみたり

色々試してみました・・・


 

出来た~

上のURLはそのまま貼り付けただけだったけど、

ちゃんと表示されるには、このgooブログ様にパーツ変換をして

貼り付けなくてはいけなかったようです

これから活用していけたらいいなぁ

 

 

 

      

施工事例一覧はこちら >>>

狭小住宅施工事例はこちら >>>

2世帯住宅施工事例はこちら >>>

お客様の声はこちら >>>

     

      耐震 建て替え 新築一戸建て 住宅見学会

 

 

ジャンル:
ウェブログ
この記事についてブログを書く
この記事をはてなブックマークに追加
« 鶏笑 糀谷店|東京都大田区... | トップ | DIYに挑戦!!パート2|東京... »
最近の画像もっと見る

あわせて読む