地図とはまず、Yahoo!地図とはヤフー株式会社が提供する地図サービスで下のようにWeb上に地図を埋め込めるAPIも提供しています。地図ユニットを使えたり、組み込みJSでYahoo!地図を表示したりすることが可能になっています。利用する機会も多いと思います。28,000pv/月までと仕様が変更になりました。Mapsと比べると50倍以上となっています。利用することも検討に加えていいサービスではないでしょうか。Mapを使いこなすためのものとなっています。地図を利用可能になります。サイトにて登録を行いAPIキーを取得する必要があります。Yahoo!にログインした後にアプリケーションの登録を行います。登録が完了しますと、アプリケーションIDが発行されます。cmsの管理画面にて登録をします。プロパティ設定にて、APIキーを登録します。編集設定にて、ユニット追加ボタンにYahoo!地図の追加を行います。モードは「Yahoo!地図」、ラベルは任意の名前を設定します。設定が問題なく完了していますと、ユニット追加ボタンにYahoo!地図のボタンが表示され、ボタンを押すとYahoo!地図の設定ユニットが表示されます。Clusterを使ってみようさてここからがハンズオンです!今回のハンズオンでは、site2019の「物件情報(https://ドメイン/realestate/)」を利用します。Cluster」を利用して物件情報を表示してみましょう。Clusterを公開しました。管理画面側の設定エントリーのカスタムフィールド/themes/site2019/admin/entry/field/realestate.htmlを編集します。realestate.htmlの最後に記述されているOpenStreetMapのカスタムフィールドの記述をコメントアウトまたは削除します。地図がカスタムフィールドとして表示されるように以下のHTMLを貼り付けてください。</tr></table>以下のようにエントリー編集画面にYahoo!地図登録用のUIが表示されます。カテゴリーのカスタムフィールド/themes/site2019/admin/category/field_realestate.htmlを編集します。以下のHTMLに内容を置き換えてください。物件情報の一覧ページ次に表示側の設定です。/themes/site2019/include/parts/map.htmlを編集します。ここにはオープンストリートマップで地図を表示するようにテンプレートが記述されていますが、その記述をコメントアウトまたは削除していただき以下のソースコードを記述してください。-->最終的に物件情報の一覧ページ(https://ドメイン/realestate/)にアクセスした際に以下のように地図が表示されていればカスタマイズ成功です。