守成店舗地図

このリポジトリは、WordPress 用のプラグイン「shusei-local-map」です。

概要

shusei-local-map は、WordPress サイトにローカルマップ機能を追加するためのプラグインです。地図の表示やカスタマイズが可能です。

必須プラグイン

このプラグインを利用するには、以下の 2 つのプラグインが必須です。

• Advanced Custom Fields (ACF)
• ACF to REST API

これらを事前にインストール・有効化してください。

インストール方法

1. このリポジトリをダウンロードします。
2. shusei-local-map.php を WordPress の wp-content/plugins/ ディレクトリにアップロードします。
3. WordPress 管理画面の「プラグイン」から「shusei-local-map」を有効化します。

使い方

• プラグインを有効化後、ショートコードやウィジェットなどで地図を表示できます。
• 詳細な使い方は shusei-local-map.php 内のコメントや管理画面の設定をご参照ください。

開発者向け情報

• PHP バージョン: 7.4 以上推奨
• WordPress バージョン: 5.0 以上推奨

このプラグインを作成するためのプロンプト例

WordPressでピンを立てる座標と店舗情報を管理したとして、Google Map API を使って、そのイラストピンをマッピングした上でクリックで詳細表示がされる地図アプリを作成します。  

 拡大率は三重県の北端から伊勢くらいまでが収まるようにしたいです。 
 上記が収まる位置を地図の中心座標にしてください。 

カスタム投稿タイプ名は、shusei-local-map（守成店舗地図）とします。

  WordPressでのACFでの管理情報は下記のとおりです。  
  緯度  
  経度  
  画像1: ピン画像
  画像2: パネル内に表示する画像
  店舗名  
  担当者  
  説明文  

上記を実現するプログラムをHTML、CSS、JavaScriptを使って1つのHTMLファイルとして出力できるようにします。  
WordPressプラグインとして作成することで他会場に配布できるような仕組みにします。
ショートコードで投稿に埋め込めるような作りにします。

ACFが有効になっている前提で動作し、ACFの各項目も全てプラグインの中に定義し、プラグインを有効にするだけでカスタム投稿タイプとカスタムフィールドが有効になるようにしてください。

GoogleMapのAPIキーはオプションページに入力できるようにしてください。
オプションページの名前は守成クラブ設定という名前にし、守成店舗地図のサブメニューにしてください。
中心座標と拡大率も入力できるようにしてください。
このプラグインの使い方をこのオプションページに記載してください。

最後に、全てを出力した後に、もう一度リファクタリングをして整えて清書してください。

ライセンス

このプロジェクトは MIT ライセンスの下で公開されています。