---
title: "地図入りHTMLページを共有する方法"
description: "地図を埋め込んだ案内ページは、ピンの位置や表示が正しいか実際に開いて確認してから配りたいものです。地図入り HTML を共有 URL にして QR コードで配布するところまでの流れを解説します。"
image: "https://giga-site.com/og-image.png"
canonical: "https://giga-site.com/articles/share-html-map"
markdown: "https://giga-site.com/articles/share-html-map/index.md"
category: "コンテンツ別"
publishedAt: "2026-06-24"
updatedAt: "2026-06-25"
readingMinutes: 5
---
# 地図入りHTMLページを共有する方法

地図を埋め込んだ案内ページは、実際に開いて地図が正しく表示されピンが正しい位置にあるかを確認してから配りたいものです。この記事では、地図入りHTMLをそのまま開ける共有URLにして、QRコードで配布するところまでを解説します。

> Source HTML: https://giga-site.com/articles/share-html-map
> Article index: https://giga-site.com/articles/index.md

## 地図入りページは表示確認が欠かせない

店舗やイベント会場の案内ページなどでは、地図を埋め込んで場所を分かりやすく伝えます。地図はJSや外部の埋め込みで描画されることが多く、実際にブラウザで開いてみないと、ちゃんと表示されるか、ピンの位置が合っているかが分かりません。

HTMLファイルを添付で渡すと、地図のスクリプトが読み込まれず空白になったり、相手の環境で崩れたりすることがあります。案内ページとして正しく機能するかは、本番に近い形で開いて確認するのが確実です。

ギガサイト便なら、地図入りのHTMLや、JS・CSS・画像を含むZIPをドロップするだけで 〇〇.giga-site.com の共有URLが発行されます。HTTPSは自動なので、地図の埋め込みが混在コンテンツで弾かれる心配も少なく、CDN配信で表示も速いです。

## 地図入りHTMLを共有URLにする手順

案内ページを確認し、参加者に配布するまでの流れは次のとおりです。

1. 地図入りのHTMLと、JS・CSS・画像をZIPにまとめる
2. ギガサイト便のトップページにZIPをドロップして共有URLを発行する
3. 実際に開いて地図の表示とピンの位置を確認する
4. 見せる範囲に応じて認証方式を選ぶ(一般配布ならURLのみ)
5. イベント日程などに合わせて公開期限を設定する
6. QRコードを発行してチラシや受付に掲示する

## 共有前チェックリスト

地図入りHTMLページを共有は、共有する中身によって確認観点が変わります。見た目、操作、個人情報、外部送信、スマホ表示のどれが重要かを先に決めてからURL化します。

チェックリスト化しておくと、毎回同じ品質で共有できます。手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。

- 見た目: PC/スマホ、余白、画像、フォント、折り返しを確認する
- 操作: ボタン、リンク、フォーム、遷移先を確認する
- 情報: 顧客名、社内URL、価格、未公開文言が残っていないか見る
- 共有: 認証、期限、差し替え、レビュー依頼文をセットで決める

## QRコードで現地・印刷物から誘導する

地図入りの案内ページは、その場でスマホから開いてもらう場面が多いコンテンツです。チラシ、ポスター、受付の掲示などに載せて、来場者にすぐ開いてもらえると便利です。

ギガサイト便はQRコード配布に対応しているので、共有URLのQRコードをそのまま印刷物に載せられます。来場者はカメラをかざすだけで案内ページを開けます。URLが 〇〇.giga-site.com 形式で短く整っており、カスタムスラッグでURL末尾を分かりやすく変更できる点も、掲示用途で扱いやすいところです。

HTTPSが自動で付くため、スマホのブラウザでも警告なく開けて、地図の埋め込みもブロックされにくくなります。

## イベント日程に合わせて期限を切る

イベントや期間限定の店舗案内では、終わったあとに案内ページが残っていると、過去の情報にアクセスされて混乱を招くことがあります。

ギガサイト便は公開期限を設定でき、期限が切れると自動的に閲覧できなくなります。イベント終了日に合わせて期限を切っておけば、案内ページが自動的に閉じ、古い地図やアクセス情報が残りません。無料プランの公開期限は最長7日なので、単発イベントの案内にはちょうど扱いやすい範囲です。

会場や住所に変更が出たら、同じURLのままファイルを差し替えられます。すでにQRコードを配ったあとでも、リンクを送り直さずに地図や案内文だけを更新できます。

## 限定イベントなら認証で参加者に絞る

誰でも来てよいイベントならURLのみで広く配って構いませんが、社内イベントや招待制の会では、会場の場所を関係者だけに知らせたいことがあります。

ギガサイト便の認証方式は、URLのみ、パスワード、メール認証(ワンタイムコード)、会社ドメイン認証の4種類です。招待者にだけ会場を知らせたいならパスワードやメール認証を使い、関係者以外がアクセスできないようにできます。一時公開ページには noindex が付きますが、これは検索除けであってアクセス制御ではないため、限定したい場合は認証を併用します。

ギガサイト便は、作った案内ページをすぐ見せて確認・共有する一時利用に向いた位置づけで、独自ドメインで案内サイトを長期運用するためのものではありません。常設の店舗案内などは自社サイトに載せる流れになります。

## よくある質問

### 地図のスクリプトを含むページも共有できますか。

はい。地図を描画するJSやCSS、画像をZIPにまとめてドロップすれば、参照関係を保ったまま共有URLとして公開でき、ブラウザで地図の表示を確認できます。

### 印刷物に載せるQRコードは作れますか。

QRコード配布に対応しているため、共有URLのQRコードをチラシやポスターに掲載できます。来場者はカメラをかざすだけで案内ページを開けます。

### イベント終了後に案内ページを閉じられますか。

公開期限を設定すれば、終了日を過ぎた時点で自動的に閲覧できなくなります。古い地図やアクセス情報が残り続けるのを防げます。

### 会場が変更になったら配布し直しですか。

いいえ。同じURLのままファイルを差し替えられるので、QRコードを配ったあとでも地図や案内文だけを更新できます。

### 改善後の記事では何を確認できますか？

共有前の確認点、認証と期限の考え方、差し替えやレビュー回収の流れを、実務でそのまま使える形で確認できます。

## 関連記事

- [施設案内・バーチャルツアーHTMLを共有する方法](https://giga-site.com/articles/interactive-map-tour-html/index.md)
- [HTMLニュースレター・メルマガを共有する方法](https://giga-site.com/articles/share-html-newsletter/index.md)
- [HTMLカタログ・パンフレットを共有する方法](https://giga-site.com/articles/share-html-catalog/index.md)
- [HTML操作マニュアルを共有する方法](https://giga-site.com/articles/share-html-manual/index.md)
- [FAQ・ヘルプページのHTMLを共有する方法](https://giga-site.com/articles/share-html-faq-page/index.md)
- [年表・タイムラインHTMLを共有する方法](https://giga-site.com/articles/share-html-timeline/index.md)

```json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "地図入りHTMLページを共有する方法",
  "description": "地図を埋め込んだ案内ページは、ピンの位置や表示が正しいか実際に開いて確認してから配りたいものです。地図入り HTML を共有 URL にして QR コードで配布するところまでの流れを解説します。",
  "datePublished": "2026-06-24",
  "dateModified": "2026-06-25",
  "mainEntityOfPage": "https://giga-site.com/articles/share-html-map",
  "url": "https://giga-site.com/articles/share-html-map",
  "inLanguage": "ja",
  "image": "https://giga-site.com/og-image.png",
  "articleSection": "コンテンツ別",
  "author": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ギガサイト便"
  },
  "mainEntity": [
    {
      "@type": "Question",
      "name": "地図のスクリプトを含むページも共有できますか。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "はい。地図を描画するJSやCSS、画像をZIPにまとめてドロップすれば、参照関係を保ったまま共有URLとして公開でき、ブラウザで地図の表示を確認できます。"
      }
    },
    {
      "@type": "Question",
      "name": "印刷物に載せるQRコードは作れますか。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "QRコード配布に対応しているため、共有URLのQRコードをチラシやポスターに掲載できます。来場者はカメラをかざすだけで案内ページを開けます。"
      }
    },
    {
      "@type": "Question",
      "name": "イベント終了後に案内ページを閉じられますか。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "公開期限を設定すれば、終了日を過ぎた時点で自動的に閲覧できなくなります。古い地図やアクセス情報が残り続けるのを防げます。"
      }
    },
    {
      "@type": "Question",
      "name": "会場が変更になったら配布し直しですか。",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "いいえ。同じURLのままファイルを差し替えられるので、QRコードを配ったあとでも地図や案内文だけを更新できます。"
      }
    },
    {
      "@type": "Question",
      "name": "改善後の記事では何を確認できますか？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "共有前の確認点、認証と期限の考え方、差し替えやレビュー回収の流れを、実務でそのまま使える形で確認できます。"
      }
    }
  ]
}
```