WordPressサイトの Google Maps APIの修正

期間

2022年2月〜2022年3月

お仕事概要

既に設定されていた下記の内容を、PHP、JavaScriptを使用して、店舗ページのカスタムフィールドの情報と同期させました。

  • 日本地図上に設定された各都道府県の店舗ページへのリンク
  • Googleマップに表示された店舗のピン(マーカー)

お仕事詳細

対応させていただいたWordPressのサイトには、都道府県ごとに店舗ページ(投稿)が作成されていて、店舗一覧ページと店舗ページ(単体)がありました。

  • 店舗一覧ページには、日本地図上に各都道府県の店舗ページへのリンクが設定されていました
  • 店舗ページにはGoogleマップ上にその店舗のピン(マーカー)が表示されていました

店舗ページには日本地図上に表示するための情報と、Googleマップにピン(マーカー)を表示するための情報がカスタムフィールドに設定されていましたが、上記2点の表示は別の場所に保存されている情報を読み取っていたため、店舗ページを変更したらその別の場所の内容も、手動で変更する必要がありました。

今回はその手動で行っていた部分を、店舗ページのカスタムフィールドの情報を使用して、自動で更新されるように対応を行いました。

テンプレートファイル内のPHP、JavaScriptコードの編集、GoogleマップのAPIには、店舗ページに登録されたカスタムフィールドの値を参照するように修正し、自動で更新される仕組みを構築しました。

タイトルとURLをコピーしました