青いタンゴ礁の地図をあなたのブログに埋め込む方法｜コピペ1行・無料

当サイトの アルゼンチン全図の地図 は、どなたでも自分のブログやサイトに無料で埋め込めます。旅行ブログ、タンゴ教室のお知らせページ、留学体験記など、アルゼンチンに触れる記事なら何にでもどうぞ。

埋め込まれる地図は「いまあなたが表示している状態」をそのまま再現します。開いているレイヤー、位置、ズーム、地図/衛星の切り替えまで全部です。動くバスやライブカメラのような実況レイヤーも、埋め込み先で動きます。

埋め込みコードの取り方 (3ステップ)

1. 地図ページ を開き、見せたい状態を作ります。「レイヤーを追加」で好きなレイヤーを重ね、見せたい場所へ動かし、ズームを合わせます
2. パネル下部の「共有」を押します
3. 「ブログ埋め込みコード」の欄のコードをコピーします

コードはこのような形の2行です。

<iframe src="https://tango.blue/map/embed/#m=..." style="width:100%;height:480px;border:0;border-radius:12px;" loading="lazy" title="青いタンゴ礁の地図"></iframe>
<p style="margin:4px 0 0;font-size:12px;"><a href="https://tango.blue/map/" target="_blank" rel="noopener">地図: 青いタンゴ礁</a></p>

貼り付け方

• WordPress: 「カスタムHTML」ブロックを追加して、コードをそのまま貼り付けます
• はてなブログ: 「HTML編集」に切り替えて貼り付けます
• note: 外部スクリプトの埋め込みに対応していないため、リンクの共有をお使いください
• 自作サイト: 本文のHTMLにそのまま貼れば動きます

高さを変えたいときは height:480px の数字を変えてください。幅は貼り付け先に合わせて自動で広がります。スマートフォンでもそのまま動きます。

埋め込むとこうなります

バスの6系統といま走っているコレクティーボを重ねた状態を埋め込んだ例です。

埋め込んだ地図はこのように操作できます。点をクリックすると系統の情報も出ます

埋め込める内容の例

• 観光地マップ: 全土とウルグアイの見どころ62件を写真付きで
• 治安マップ: ブエノスアイレス市の公式犯罪統計 (2024) の地区別色分け
• 地下鉄とバス: スブテ6路線と観光の定番バス6系統
• 動くバス: 市内を走る全コレクティーボの現在位置 (25秒ごと更新)
• ライブカメラ: アルゼンチン各地16地点の生中継
• 国内移動: ブエノスアイレスから13都市への交通手段
• 3D地形: アンデスとパタゴニアの立体表示

レイヤーは重ねられます。たとえば「観光地+治安」を重ねれば、宿選びに使える地図になります。

利用条件

• 個人・商用を問わず無料です。事前の連絡も不要です
• 埋め込みコードに含まれる「地図: 青いタンゴ礁」のリンクは消さずに残してください
• 地図内に表示される出典表記 (ブエノスアイレス市オープンデータ、OpenStreetMapなど) はそのまま表示されます。隠す加工はしないでください
• 地図の内容をスクリーンショットで転載する場合は、出典として当サイトへのリンクを添えてください

よくある質問

関連ページ

• アルゼンチン全図の地図→
• アルゼンチン国内の長距離移動 完全ガイド→
• ブエノスアイレスのバス (コレクティーボ) の乗り方→