【グーグルマップ】アドバンスカスタムフィールド（ACF）で座標ピンの表示

今回はグーグルマップで地図に載っていない箇所にピンを置いてマップを表示するやり方です。 座標で表示をさせるやり方です。 前提条件として ・アドバンスカスタムフィールドをインストールし有効は割愛 ・APIの取得、設定も割愛   アドバンスカスタムフィールドで下記を設定します。 ラベルやフィールド名はお好きな名称に変更ください。   続いてはfunctions.phpにAPIを設定。

/*
* acfでgoogle mapでエラーがでるのでそれを修正
*/
add_filter('acf/fields/google_map/api', function () {
    return array(
      'libraries' => 'places',
      'key' => 'APIキー', // Googleで発行したキーを用意する
      'client' => ''
    );
  });
  
  // google map api
  add_action('wp_enqueue_scripts', function(){
    $api_key = 'APIキー';
    wp_enqueue_script('google map', 'https://maps.googleapis.com/maps/api/js?key=' . $api_key);
  });

表示をさせたい箇所に

今回iframeで読ませましたが、ほかにも色々と方法がありますので、探してみてください。 以上です。 好きに応用してください。