1. マップ

マップの追加

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

マップレンダリングを使用すると、Webページのどこにでもインタラクティブマップを簡単に埋め込むことができます。

ページでマップを使用する前に、管理者は、使用する機能を許可するようにweb.configファイルのContent-Security-Policyヘッダーを構成する必要があります。このファイルは、Webサイトのルート フォルダーにあります。次に、セキュリティ ポリシーの設定例を示します。

<add name="Content-Security-Policy" value="default-src 'self' 'unsafe-inline' 'unsafe-eval' data: maps.googleapis.com; img-src 'self' data: maps.gstatic.com *.googleapis.com *.ggpht; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' 'unsafe-inline' https://fonts.gstatic.com; upgrade-insecure-requests; block-all-mixed-content;" />

マップレンダリングをページに追加するには:

  1. ツールボックスを開き、Mapsセクションで マップ レンダリング をクリックします。レンダリングをクリックしてドラッグを開始すると、レンダリングをドロップできるプレースホルダーが青色に点灯します。マップレンダリングを目的のプレースホルダーの上に配置して、プレースホルダーが点灯したら、レンダリングをページにドロップします。

  2. Select the Associated Contentダイアログ ボックスで、ページに表示するマップを選択し、OKをクリックします。

    Select the Associated Content dialog box.

  3. Control Propertiesダイアログ ボックスのMap Criteriaセクションで、次のフィールドを編集してマップの条件とスタイルを設定します。

    • Search results signatureマップ レンダリングを特定のSearch Resultsレンダリングにリンクするには、検索するSearch Resultsレンダリングの署名を(カンマで区切って)入力します。たとえば、ユーザーがホテルを検索した後に目的地(POI)の結果を表示する場合などです。

    • Center On Found POI – 選択すると、Search Resultsレンダリングで選択したPOIがマップの中央に配置されます。

    • Animate Found POI - 選択すると、Search Resultsレンダリングで選択したPOIがアニメートされます。

    • Disable map scrolling (dragging) –スクロールを無効にする場合に選択します。

    • Disable map zoom on scroll –ズームを無効にする場合に選択します。

  4. マップの外観を調整するには、レンダリングにCSSクラスを追加します。 Stylingセクションで、目的のスタイルを選択します。

  5. ビュー、POI、およびマップのサイズを管理するには、MapツールバーでEdit component map item をクリックし、関連するフィールドを編集します。たとえば、マップの衛星ビューを表示し、すべてのPOIを表示するには、次のようにします。

    Example Map

    次のマップレンダリングフィールドを編集できます。

    Field

    Default options

    Description

    モード

    マップ モードを選択します。デフォルトでは、ロードマップ モードが選択されています。

    ロードマップ

    道路と地理のシンプルなビューを表示します。

    衛星

    エリアの基本的な衛星画像を表示します。

    ハイブリッド

    地図データと衛星画像を組み合わせます。

    オート (Bing)

    標準のBingマップ ビューを表示します。

    バーズアイ (Bing)

    Bingの航空写真ビューを表示します。

    セントラルポイントモード

    表示する中心点を選択します。

    定義された中心点

    Central Point LongitudeフィールドとCentral Point Latitudeフィールドに入力された値がマップの中心点として使用されるように指定する場合に選択します。

    現在地

    選択すると、ブラウザがユーザーの現在地を決定するときに、この位置がマップの中心点になります。

    すべてのPOIが表示されます

    複数の定義済み対象ポイント(POI)間の中心点を計算する場合に選択します。このモードを選択しても、POIが1つしか定義されていない場合は、(計算ではなく) デフォルトのマップズームが適用されます。

    セントラルポイント経度

    経度座標を入力して、マップの中心点を決定します。例えば：

    0.127759

    セントラル ポイントの緯度

    緯度座標を入力して、マップの中心点を決定します。例えば：

    51.507361

    ズーム

    1 - 20

    マップの初期ズーム レベルを決定する値を選択します。ユーザーはページ上でズームレベルを変更できます。

    レベル1はマップ全体を表示します。値が大きいほど、ズームが大きくなります。

    ポイ

    マップに表示するPOIを選択します。

    POIs on the map

    幅

    マップの幅をピクセルまたはパーセンテージで入力します。値を入力しない場合、マップは選択したグリッド システムの幅を使用します。

    高さ

    マップの高さをピクセルまたはパーセンテージで入力します。値を入力しない場合、マップは選択したグリッド システムの高さを使用します。

    POIタイプからコンポーネントバリアントへのマッピング

    POIタイプと、それを接続するための特定のレンダリングバリアントを選択します。これにより、マップごとに異なるPOIの表示をカスタマイズできます。たとえば、すべての美術館のPOIをアイコンで表示し、すべての公園を写真で表示できます。

    POI to variant mapping
この記事を改善するための提案がある場合は、 お知らせください!