最終更新日：2025.10.08

<aside>

Iflame（Webページ内に別のWebページやコンテンツを埋め込むためのHTMLタグ）を用いてスクリプトをコピー＆ペーストすることで、外部ページにデジタルマップを埋め込む事ができます。

</aside>

*画像をクリックすると拡大表示されます。

1. SERVICE PLATFORMにログイン後、MAP ENGINEへ移動します。「サービスへ移動」をクリックしてください。

1. 左のメニューから「プロジェクト一覧」をクリックしたら、該当のプロジェクトの右側にある「埋め込みコード生成」をクリックします。

1. 各設定を入力します。

• 幅、高さ
• ナビゲーションバーを入れる
• ズームレベル
• 表示初期位置

<aside> <img src="/icons/light-bulb_orange.svg" alt="/icons/light-bulb_orange.svg" width="40px" />

• スマホページでのiframeのプレビュー表示はなるべく縦長になるよう（1:1以上）にすると見やすくなります。
• iframeのプレビューでは全機能が使えないため、全画面ページへのリンクを近くに配置して、ページ遷移を促して下さい </aside>

1. 「更新」をクリックします。

2. 「スクリプトをコピー」をクリックし発行された埋め込みコードをコピーいただき、Web制作担当者様へご共有ください。

<aside> <img src="/icons/attachment_gray.svg" alt="/icons/attachment_gray.svg" width="40px" />

その他のページ

プロジェクトの編集

マップ画像の登録

マップ画像の変更

異なる種類のマップの追加

座標の設定

各種マーカーの設定・編集

マーカーの表示・非表示設定

ルートの設定

スタート画面の設定

ダッシュボードの閲覧

</aside>