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

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

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

 

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ブログ様にパーツ変換をして

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

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

 

 

 

  　　　　

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

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

２世帯住宅施工事例はこちら　＞＞＞

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