最終更新日:2025.10.15


<aside>

マーカー設定画面では、以下の種類のマーカーをデジタルマップ上に配置することができます。

各プランの設定可能範囲

Pro Plan Pro Plan Light Free Plan
設定可能マーカー数 無制限 50個 ①〜⑤の合計 10個 ①のみ
①写真ピン ○ ○ ○
②GIF画像/GIFアニメ設置 ○ ○ ×
③GIF画像+ヒゲ出し線設置 ○ ○ ×
④GIF画像(背景)設置 ○ ○ ×
⑤GIF画像(移動)設置 ○ ○ ×

既存マーカーの種類を変更したい場合は、こちらをご参照ください。

</aside>

<aside>

写真ピン

ポップアップでスポットを紹介するためのマーカーです。クリックするとスポット情報が表示されます。

</aside>

Screenshot 2024-12-10 at 10.46.39 am.png

<aside>

GIF画像/GIFアニメ

スポット紹介を画像やアニメーションで登録するためのマーカーです。クリックするとスポット情報が表示されます。

</aside>

Screenshot 2024-12-10 at 10.50.08 am.png

<aside>

GIF画像+ヒゲ出し線

線つきのキャプションでスポット紹介をするためのマーカーです。クリックするとスポット情報が表示されます。

</aside>

Screenshot 2024-12-10 at 11.50.05 am.png

<aside>

GIF画像(背景)

マップの背景としてGIF画像を配置できます。

</aside>

Screenshot 2024-12-10 at 11.56.15 am.png

<aside>

GIF画像(移動)

マップの背景として動くGIF画像を配置できます。

</aside>

Screenshot 2024-12-10 at 10.52.14 am.png

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

map engineへ移動.jpg

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

マーカー設定画面へ.jpg

  1. サイドバーから、「マーカー設定」をクリックし、「MY PROJECT」のプルダウンからプロジェクトを選択します。

マーカー追加.jpg

  1. 地図の種類が複数ある場合は左側の「地図を選択する」より選択してください。

  2. 右側にある「+ 追加」をクリックし、プルダウンリストから追加したいマーカーの種類を選択します。

各マーカーの設定マニュアルは以下よりご参照ください。

[写真ピン](https://geomark-inc.notion.site/153aa43b8373800ebf1fc9e97efcb791)

[GIF画像/GIFアニメ](https://geomark-inc.notion.site/153aa43b8373800ebf1fc9e97efcb791)

[GIF画像+ヒゲ出し線](https://geomark-inc.notion.site/153aa43b8373800ebf1fc9e97efcb791)

[GIF画像(背景)](https://geomark-inc.notion.site/153aa43b8373800ebf1fc9e97efcb791)

[GIF画像(移動)](https://geomark-inc.notion.site/153aa43b8373800ebf1fc9e97efcb791)

写真ピン設定.jpg

写真ピン

  1. 「+追加」より「写真ピン」を選択すると、左図のようにマップ上にマーカーが生成されます。 これをドラッグし、配置したい箇所へ移動させます。
  2. マップ下にある「接続するデータをWikiDatebaseから選択する」を押すと、Wiki Databaseで登録したスポット情報を連動させることができます。これを行うことで、マップ上の写真ピンを押した際にスポット情報が表示されるようになります。
  3. 必要に応じ、その他の設定を行います。
  4. 左上にある「マーカーを再配置」を押してマーカーの位置を確定します。この時点では、本番サイトには反映されません。
  5. 正しい位置であることを確認したら、右上の「マーカー設定の更新」を押して保存します。これを押すと本番サイトに反映されます。 操作を誤った場合などは「マーカー設定の更新」を押す前に「リセット」を押せば最後に保存した状態に戻ります。

以上で写真ピンの設定は完了です。

GIF画像 アニメ設定.jpg

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

</aside>