---
title: "興味のあるポイントを追加しましょう"
slug: "add-a-point-of-interest"
abstract: "地図用の特定のポイント位置を作成しましょう。"
---
# 興味のあるポイントを追加しましょう

ポイント・オブ・インタレスト(POI)は [、レストラン](https://doc.sitecore.com/xp/ja/users/sxa/93/sitecore-experience-accelerator/add-a-map.html "Add a map")、ホテル、店舗など、地図上の有用な場所のことです。データソースの項目によって定義され、常に表示されるPOIを追加できます。また、検索リクエスト後に表示されるPOIを選択することもできます。

## POIを作成する

コンテンツエディターのPOIフォルダにPOIを追加できます。

興味のあるポイントを作るために:

-   コンテンツエディターでサイトをクリックし、Data/POIフォルダを開きます。このフォルダには、サイトで利用可能なすべてのPOIが一覧化されています。POIフォルダ内で異なるPOIをグループ化できます。POIは以下の項目に入力して定義します:
    
    **フィールド**
    
    **概要**
    
    タイトル
    
    POIのタイトルを入力してください。
    
    種類
    
    [POIの種類をカスタマイズ](https://doc.sitecore.com/xp/ja/users/sxa/93/sitecore-experience-accelerator/add-a-point-of-interest.html#UUID-b111078c-df94-bf7d-8a8d-9ce4d8c58d71_id__Create_a_POI_2)できます。例えば、駅、レストラン、スタジアムなどの標準的なPOIタイプです。
    
    概要
    
    POIの説明を入力してください。
    
    画像
    
    POI用の画像を追加してください。
    
    緯度
    
    緯度値をフィールドに直接入力するか、地図ダイアログを使って探してください。地図ダイアログを使うには:  
      
    リボンの上で、 **地理空間** をクリックしてから **位置を**クリックします。  
      
    ![Use the map dialog](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/BB7D01A3319C45A482375ABC6CE49964.png)  
      
    POIの位置を選択するには、地図上の任意のポイントをクリックし、検索ボックスに名前を入力するか、現在選択中のポイントの位置を調整してください。「 **OK** 」をクリックして、選択した位置をPOI座標として保存してください。  
      
    ![Choose the position of the POI](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/D4AE57BCA6D742389700B2C087932810.png)
    
    経度
    
    経度値をフィールドに直接入力するか、地図のダイアログで見つけてください。
    
    POIページ
    
    このPOIを説明するページへのリンク。
    

> !注検索クエリの後にウェブサイトのユーザーがPOIを見られるようにするには、[ページに以下のレンダリングを追加](https://doc.sitecore.com/xp/ja/users/sxa/93/sitecore-experience-accelerator/add,-edit,-and-delete-a-rendering-472682.html "Add, edit, and delete a rendering") してください:Search、Search Results、Location Filter、Map。オプションで多くの結果が期待される場合は、ページセレクターのレンダリングを追加することもできます。

## POIタイプを作成する

特定のPOIタイプごとに自分でアイコンを追加することで、サイト上のPOIをカスタマイズできます。例えば、ブランディングカラーを使って地図上の博物館、レストラン、劇場を指し示すなど、

新しいPOIタイプを作成するには:

1.  「Your Site/Presentation」に行き、**POIタイプ**を右クリックし、「 **挿入**」をクリックし、「 **POIタイプ**」をクリックしてください。
    
2.  名前を入力して**OK**をクリックします。
    
3.  **プロパティ**セクションの**POIアイコン**フィールドで、メディアライブラリからPOIタイプのアイコンを追加します。
    
    ![Browse to find an icon from the Media Library](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/576CD4DF5B2143E78F8F6B6B022E146A.png)
    
4.  **スタイリング**セクションで、POIタイプのデフォルトバリアントを選択します。例えば、博物館POIの場合はマップ上にアイコンが表示されたいかもしれませんが、パークPOIには写真を表示したい場合もあります。
    
    ![Select the default variant for the POI type](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/D22D3CA4AA0C431C9C92D81430069980.png)
    
    Presentation/RenderingVariantsフォルダで [新しいレンダリングバリアントを作成できます](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/create-a-rendering-variant.html) 。
    
    ![Create a new rendering variant](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/A0511D24712F41B88C9086C24D86BB3C.png)
    

## POIタイプをレンダリングバリアントにマッピングする

レンダリングバリアントを使ってPOIを地図上で表示する方法を決定できます。例えば、バリアントロジックを使ってユーザーがPOIをクリックしたときにメッセージを生成できます。各POIの**Type**フィールドで、そのPOIの情報ボックスをレンダリングするためのデフォルトのコンポーネントバリアントを設定できます。

また、マップ設定でPOIタイプをレンダリングバリアントにマッピングすることもできます。どのバリアントが特定のPOIタイプに合うか設定できます。例えば、すべてのパークPOIの写真を含むPOIタイプを設定することができます。

POIタイプをレンダリングバリアントにマッピングするには:

1.  データ/マップに行き、地図をクリックしてください。
    
2.  **POIタイプからコンポーネントバリアントへのマッピング**フィールドで、POIタイプとバリアントを選択します。
    
    ![Map the POI type to the variant](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/93/sitecore-experience-accelerator/images/C5C13B5133D24AD9BFFD5FE5FF6E789B.png)