Fieldsを使って、Googleストリートビューを表示させる2023/11/172015/5/10技術的忘備録いくつもある店舗をWordpressで登録・管理したいという案件。そのページ内に、店舗の周辺環境をGoogleストリートビューで表示させたいという要望があったのでメモ。APIキーを取得してください。Fieldsプラグインを使って登録するようにしていました。Map」というのがあります。緯度・経度を置き換えるだけでいけそうやん!ってことで実装。Mapのフィールドを用意したら、テンプレートのGoogleストリートビューを表示させたいところに下記を挿入。APIを読み込んでいます。21行目で、表示エリアの幅・高さを指定。?>ここがフィールドで取得した緯度・経度を放り込むところ。ちなみに直後の0,0の数値、最初の値は東西南北の向きで、-180〜180の間で設定できるようです。2番目の値は上下の向きで、0は正面、90で空向き、-90で地面向き。手軽にできました^^クライアントがパソコンに慣れているとか、一つ一つ向きやズームを設定したいとかであれば、素直に埋め込み用のコードをペーストするだけのテキストフィールドを用意しておけばいいのでしょうけど、そうでなければ投稿画面内で完結する方がきっと親切ですよね〜。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。愛媛県伊予市を拠点に活動するフリーランス。ホームページ制作・WordPressカスタマイズ・DTP制作・パソコン指導など。mani.design。