[WordPress] Advanced Custom Fields에서 Google Map을 사용할 때 가져온 API

전제로



  • Advanced Custom Fields 에서 Google Map

  • Google Maps API가 유료임을 알고 있습니다

  • 유료화에 수반해 API도 저것 이것 바뀐 것 같아, 이전부터 이용하고 있던 사이트에서 「API가 유효화되어 있지 않다」라고 표시되었으므로, 각서.

    API 키를 사용할 때



    ※유료화에 관해서 어쩐지 등록하지 않으면 안되는 것은 할애

    1 Google Maps Platform 에서 “사용하고 있다”를 클릭

    2 Enable Google Maps Platform에서 Maps를 선택하고 CONTINUE


    3 Select a project 과 Set up your billing 은 할애
    4 WP 측에 API 키를 반영시키는 코드도 할애

    여기에서 중요



    ACF를 사용하지 않고 Google Map을 삽입하는 것만으로는 위에서 활성화되는 API로 OK입니다만, 관리 화면에서 Google Map을 주소에서 검색하는 경우, 추가로 Places API for Web가 필요하게 됩니다.
    (조금 몰라요 이거)


    1 Maps API 콘솔 을 열고 설정하려는 프로젝트인지 확인합니다.

    2 API 메뉴의 [사용되지 않은 API]에서 [Places API for Web]을 클릭하여 활성화합니다.


    Google Maps Platform의 단계를 작성했지만 일반 API 콘솔에서 Places API for Web을 사용하도록 설정해도 괜찮습니다.

    이 절차에서 활성화되는 API



  • Maps Embed API : iframe 에 포함할 때 필요

  • Maps JavaScript API : JavaScript로 임베드할 때 필요
  • Maps SDK for Android
  • Maps SDK for iOS
  • Maps Static API
  • Places API for Web
  • Street View API

  • "ACF의 Google Map을 사용할 때는 Maps 세트 외에 Places API for Web도 필요하다"는 것으로 현장에서는 이상입니다.

    좋은 웹페이지 즐겨찾기