DIIIGのデジタルマップの作り方：基本説明（旧作成画面ver）

田辺由美子（株式会社DIIIG）

2024年7月5日 14:42

⚠️2024年10月28日に管理画面のバーションアップを行いました🎉
それに伴い、本記事の『旧作成画面』での作成内容となっています。

→ 新作成画面の基本説明の内容はこちらの記事をご覧ください

この記事では、基本的なマップの作り方をまとめています。
マップ作成時の各設定項目について説明します。

マップ設定

マップの中心地や表示の設定を行えます。

・制作するエリアの設定

中央のマップを触って移動させると、中心位置が自動で設定されます。（手動での入力は現在不可）
公開したマップの、最初に表示される中心場所の設定目安になります。

・ズーム値

地図上に表示される範囲を設定できます。スポットを広範囲で見せたい、狭域で見せたい、など要望に合わせて調整できます。
調整後、「マップに設定値を反映」ボタンを押すと設定が反映されます。

・ピッチ

マップビューの角度の値を調整できます。
調整後、「マップに設定値を反映」ボタンを押すと設定が反映されます。

値が大きくなるほど立体表示になり、値が小さくなるほど真上からのビューに変わります。

レイアウト

お好きなレイアウトを選んで設定できます。

・ベーシック型

マップ表示を主にしたレイアウトです。

・サイト型（PC2カラム）

パソコンで表示した際に、左側にメニューが表示されるレイアウトです。

マーカー

地図上に登録したスポットを表示するマーカーのデザインを選んで設定できます。

・アイコンマーカー＆カルーセル型

地図上に丸型のアイコンで表示され、周辺のスポットが画面下にカルーセルで表示さるタイプです。カルーセルで表示されたスポットを選択することで、詳細が表示されます。

・バルーンマーカー＆ポップアップ型

地図上に吹き出しのようなバルーン型で表示されるタイプです。地図上のマーカーを選択することで、詳細が表示されます。

スタイル

ベースとなるマップのスタイルを選択できます。２D・３Dのタイプなど、それぞれお好みのスタイルを選択できます。

・2D：ライトモード

カジュアルなマップスタイル。迷ったらこのスタイルをまずはお試しください。サイクリングコースのルートや多くのスポットを表示するマップの作成におすすめです。

・2D：ダークモード

ナイトタイムのマップや、スタイリッシュなマップの作成におすすめです。

・3D：スタンダードライト

建物などが３D表示になっているマップです。一部の主要なランドマークとなる建物がよりリアルな美しい3Dとなっており、より視覚的・直感的に理解しやすいマップになっています。

・3D：スタンダードナイト

スタンダードライトの、ナイト（夜）版です。ナイトタイムのマップや、スタイリッシュなマップの作成におすすめです。

・プライマリーカラー

マップのメインカラーを設定できます。11色の中から、お好きな色を選んで設定します。
アイコン選択やボタン、ルートやリンク文字などに反映されます。

多言語設定

言語は続々追加予定！（最大31言語）マップ内の多言語対応を簡単に設定できます。DeepL自動連携でレベルの高い翻訳精度を実現します。

・言語の選択

追加したい言語を選択し、「追加」ボタンで設定できます。設定がない場合は、日本語表示のみのマップとなります。
現在の対応言語：英語、中国語、韓国語（2024.07.01時点）

スポット登録のメニューでスポット情報やグループなどの必要な情報を入力後、「翻訳」ボタンを押すと設定した言語の翻訳がマップに反映されます。

ベースマップ追加

防災情報やおでかけを左右するお天気情報など、お出かけに役立つ情報と連携したマップを追加することができます。

・防災マップ

表示を「オン」にして、希望する対象の都道府県または市区町村を記入してください。（1エリアのみ設定可能）
設定が完了すると、マップにマップ切り替えボタンが表示され、切り替えることができます。

・お天気マップ

近日実装予定！楽しみにお待ちください。

ナビゲーション機能

スマートフォンでのマップ利用に欠かせないナビゲーション機能を設定できます。

・経路検索 β版

表示を「オン」にすると、スポット詳細画面に経路検索ボタンを表示させます。現在地からスポットへのナビ機能でユーザーの移動をサポートします。

スポット登録

マップに表示するスポットやコースを設定できます。

より詳しい使い方は以下の記事をご覧ください！

・権限

登録用スプレッドシートの編集権限を設定します。
ご利用のGoogleアカウント（Gmailアドレス）を設定してください。
→ 詳しくはこちら

・メインスポット

スポット情報やカテゴリ設定を行えます。（スプレッドシート登録）
→ 詳しくはこちら

・グループ

イベントやコースなどのグループ設定を行えます。（スプレッドシート登録）

・グループのスポット

グループ内に掲載するスポットの設定を行えます。（スプレッドシート登録）

スポットに投稿

SNSの投稿のように、スポットへ最新情報を簡単に投稿できる機能が使えます。

・簡易投稿機能

認証用パスワードを設定後、簡易投稿機能が使えるようになります。
設定後、「簡易投稿」ボタン（またが「リンクをコピー」したURL）から、認証用のユーザー名とパスワードを入力後にご利用可能です。
簡易投稿用のURLと、認証用のユーザー名とパスワードを共有することで、誰でも投稿が可能です。

基本情報

マップの基本情報を設定できます。各項目を設定することで、よりSEOに優れたマップに仕上がります。

・マップタイトル

マップのタイトルを設定できます。マップ内の他、SEOの設定に反映されます。推奨：最大28~32文字程度
（初期設定ではデフォルト原稿が設定されています。お好きな内容に変更してください）

・説明文

マップの概要を記載してください。マップ内の他、SEOの設定に反映されます。推奨：60~70文字程度
（初期設定ではデフォルト原稿が設定されています。お好きな内容に変更してください）

・OGP画像

マップのURLをソーシャルメディアなどでシェアした際に表示される画像です。推奨サイズ：1200px x 630px
（初期設定ではデフォルトの画像が設定されています）

・No image画像

スポットなどの登録画像がない場合に表示されるデフォルト画像です。推奨サイズ：800px 以上、ファイルサイズ：10M以内
（初期設定ではデフォルトの画像が設定されています）

・外部サイト登録

マップ以外の外部サイトを、最大3件まで登録できます。
テキストのリンク … 表示名を入力（例：公式サイト）
サイトURL … リンク先のURLを入力（例：https://map.diiig.net）

マップURL

公開したマップのURLなど確認できます。

・マップURL

公開後、登録したマップのURLを確認できます。

・独自ドメイン