Scribble Maps ヘルプセンター
言語を変更

マップの共有、販売、埋め込み

機能の利用可否

  • 無料
  • Lite
  • Pro
  • Lite Pro
  • Pro Business

目次

 

はじめに

このガイドでは、Scribble Mapsの共有、埋め込み、プレゼンテーションの方法を説明します。ブログにマップを表示したい、ソーシャルメディアで配布したい、他のユーザーへの表示方法をカスタマイズしたいなど、必要なすべての手順を以下に示します。

マップをまだ保存していませんか？
こちらのステップバイステップガイドをご覧ください： Save a Map。

Pro planをご利用の場合は、プライバシーオプション（マップを自分だけが閲覧できるようにする）を有効にしたり、パスワード保護による安全な共有を設定したりすることもできます。

トップに戻る ↑

 

Map Saved

マップを保存すると、SAVE MAP ウィンドウが表示されます。ここから、必要なすべての共有ツール、リンク、埋め込みコードを取得できます。

Share Link

メール、チャット、ソーシャルメディアで誰とでもすばやくマップを共有したいですか？
Share Linkを使用してください。これは、他のユーザーがマップを閲覧できる公開URLです。

  • QR Code: ライト/ダークバージョンを切り替えて、印刷用として保存します。
  • URL: COPY ボタンをクリックして、共有可能なリンクを取得します。
  • 使用場所: ソーシャルメディアの投稿、メッセージングアプリ、メールの署名など。

外観のカスタマイズ

  • Brand It (Pro): 共有ページのブランディングをカスタマイズします。
  • Configure: 他のユーザーに対するマップの表示方法を調整します。

注意: 設定によっては、これが "Share Link" または "Share & Sell Link" として表示される場合があります。

Map ID

後でマップを参照または再読み込みする必要がありますか？
すべてのマップには固有の Map ID があります。これを使用して以下を行うことができます：

  • 編集のためにマップを再読み込みする。
  • このマップから別のマップにコンテンツをインポートする。
  • 共同作業者とIDを共有する。

COPY をクリックして、後で使用するために保存します。

Edit Link

後でこのマップに戻って編集したい場合や、チームメイトと編集アクセス権を共有したいですか？

  • COPY をクリックして Edit Link を保存します。
  • 簡単にアクセスできるようにブックマークします。
  • 編集アクセス権が必要な他のユーザーと共有します。

Developer Links & Embed Code

ウェブサイトにマップを埋め込んだり、カスタム開発で使用したりしますか？
これらのツールは、高度な統合やマップデータの書き出しに特に便利です。

サイトにマップを埋め込む場合やアプリで使用する場合は、Show Developer Links & Embed Code をクリックして以下にアクセスします：

  • Embed Code: 埋め込み用のHTML iframe
  • Developer Links: GeoJSON、KML、GPX、CSV、SHP、DXF、SMJSONなどの書き出しフォーマット。これらのリンクを使用すると、マップデータを他のアプリケーションと統合したり、高度な使用シナリオに対応したりできます。
  • 追加オプション:
    • Save Image: 静的なマップ画像を書き出します。
    • Save PDF
    • Send To Friend: マップを直接メールで送信します。
    • Continue Working: マップエディタに戻ります。

ヒント: Share Link と Edit Link の両方を安全な場所に保存してください。

トップに戻る ↑

 

Configure Share Settings

 

Map Saved ウィンドウの Configure ボタンをクリックして、共有マップの外観と動作をカスタマイズします。

View

閲覧者がマップを開いたときの初期位置をコントロールしたいですか？

  • Start View: マップが開く緯度、経度、ズームレベルを設定します。
  • Map Limits: ユーザーがパン（移動）できない境界を定義します。

閲覧者を特定の場所に誘導したり、特定の地理的領域に注意を向けさせたりする場合にこれを使用します。

Interface

ビューアに表示されるインターフェース機能を切り替えます。

  • Items Bar
  • Layers
  • GPS
  • Share button
  • Data View
  • Search
  • Map Type selector
  • Hide Locked
  • Theme: Light または Dark

マップインターフェースをシンプルにしたり、サイトのデザインに合わせたりするためにこれを使用します。

Info Popup

モバイルユーザーがマップからすばやくルート検索できるようにしたいですか？

  • Directions Button (Mobile) のオン/オフを切り替えます。

これにより、モバイルユーザー向けのワンタップルート案内機能が追加されます。イベントマップや店舗の場所に最適です。

Search

ユーザーがマップを検索する方法を設定します。

  • Only items on map: 検索結果をマップ上のアイテムのみに制限します（店舗検索に最適です）。
  • Center On Search: 自動的に検索結果にパン（移動）します。
  • Restrict Search to Location: 定義された地域以外に結果が表示されるのを防ぎます。

これらは、インタラクティブな検索ツールや地域限定のアプリケーションに最適です。

Branding (Change & Remove)

マップビューアに独自のブランドを追加し、Scribble Mapsのロゴを削除します。

  • Your Branding をオンにして、カスタム名または会社ラベルを入力します。
  • Scribble Mapsのローダーロゴを削除します。
  • マップの右下にラベルを表示します。

この機能は Pro plan でのみご利用いただけます。

Analytics

Google アナリティクス 4 を使用してエンゲージメントを追跡します。

Google アナリティクス 4 を使用してマップの表示回数を追跡します。

  • GA4 測定 ID（例: G-XXXXXXXXXX）を入力します。
  • アナリティクスダッシュボードを介して、マップの表示回数やインタラクションを追跡します。

これは、マーケティングチームやユーザーエンゲージメントを追跡するすべての人に役立ちます。

Screen Effects

共有マップに少し演出を加えます。

  • Screen Effects を有効にします
  • 以下のような楽しいアニメーションから選択します：
    • Rain
    • Snow
    • Flying Money

インタラクティブマップの場合、埋め込みコードを設定する際に、ズームコントロール、検索機能、マップタイプの選択などのオプションを有効または無効にすることで、ユーザーのインタラクションをカスタマイズすることもできます。

これらのエフェクトは、お祭りやテーマに沿ったプレゼンテーションのために、マップの上に表示されます。

Finalizing Settings

設定の調整が完了したら：

  1. Save Settings をクリックして変更を適用します。
  2. Preview ボタンを使用して、マップがどのように表示されるかを確認します。
  3. （オプション）Get Embed をクリックして、新しい埋め込みコードを生成します。

トップに戻る ↑

 

Embedding on Websites

 

ブログ、WordPressサイト、またはカスタムウェブサイトにマップを表示したいですか？ 手順は次のとおりです：

WordPress & Blogger

WordPress（セルフホスト版）

  1. サイトにログインします。
  2. 投稿またはページを開ます。
  3. Custom HTML ブロックを追加します。
  4. マップの埋め込みコードを貼り付けます。
  5. プレビューして公開します。

注意: WordPress.com（ホスト版）はインタラクティブマップをサポートしていません。静的画像の埋め込みのみサポートしています。

Blogger

  1. Bloggerにログインします。
  2. 投稿を作成または編集します。
  3. HTML view に切り替えます。
  4. 埋め込みコードを貼り付けます。
  5. プレビューして公開します。

Custom Websites

カスタムウェブサイト

  1. サイトのHTMLファイルを開きます。
  2. マップを表示したい場所に埋め込みコードを貼り付けます。
  3. 保存してブラウザで表示します。

Embed Configuration Options

  • インタラクティブマップか画像マップかを選択します。
  • 幅/高さ、ライト/ダークテーマ、および表示するコントロールを設定します。

インタラクティブマップの寸法、テーマ（ライト/ダーク）、および表示するコントロールを設定できます。

 

トップに戻る ↑

 

Social Media Sharing

 

Reddit、X（Twitter）、またはFacebookにマップを投稿したいですか？

Share Link を使用するだけです。プレミアムアカウントをお持ちの場合は、プライバシーオプションを設定して、マップを非公開/限定公開（ポータルには共有されませんが、URLを知っている人なら誰でも閲覧可能）にしたり、セキュア（アクセスにパスワードまたはログインが必要）にしたりすることもできます。

マップに加えて保存した変更は、共有リンクや埋め込みバージョンすべてに自動的に反映されます。

Redditへの投稿

  1. Redditにログインします。
  2. 適切なコミュニティを選択します。
  3. 新しい投稿を作成します。
  4. Share Link を貼り付けます。
  5. タイトルを追加して投稿します。

注意: Redditの投稿でマップのプレビューが正しくレンダリングされるまでに数分かかる場合があります。

トップに戻る ↑

 

Usage Limits

共有マップでGoogleベースマップを使用する場合、サブスクリプションに基づいて月間の表示回数制限が適用されます：

  • Pro Basic: 1,500 ビュー/月。
  • Pro Business: 5,000 ビュー/月。

マップがこれらの制限を超えると、自動的にScribble Mapsのベースマップまたは同様の代替マップに切り替わります。

トップに戻る ↑

 

Frequently Asked Questions

左側のメニューを表示せずにマップを共有するにはどうすればよいですか？

埋め込みコード全体ではなく、iframeの URL のみを共有することで、エディタUIを非表示にできます：

  1. MENU → Get Embed に移動するか、Map Saved ウィンドウを使用します。
  2. 埋め込みコードをテキストエディタにコピーします。
  3. iframeからURLのみを抽出します。埋め込みコードは次のようになります：
    <iframe src="https://www.scribblemaps.com/maps/view/YourMapName/YourMapID" style="width: 100%; height: 400px"></iframe>。
    「src=」の後の引用符（""）で囲まれたURLのみが必要です。
  4. その直接URLを共有します。URLのみを共有すると、編集メニューが表示されず、すっきりとした表示になります。
     


すでに共有したマップを更新するにはどうすればよいですか？

簡単です！以下の操作を行うと、共有および埋め込まれたすべてのバージョンが自動的に更新されます：

  1. マップを再度開きます。
  2. 変更を加えます。
  3. マップを保存します。

共有されているすべてのインスタンスが自動的に更新されます。

トップに戻る ↑

最終更新