Отображение данных maps.googleapis.com JSON (особенно weekday_text и open_now) на личном веб-сайте

Question

Во-первых, я прошу прощения, потому что это, вероятно, очень простой вопрос, у меня просто нет с этим опыта, поэтому я не уверен, с чего начать.

Итак, у меня есть сайт для малого бизнеса, который я разрабатываю, и мне поручили получить данные из https://maps.googleapis.com/maps/api/place/details/json?place_id=IDHERE&fields=opening_hours&key=APIKEY

Когда я перехожу на ссылку с моей информацией в ней, я вижу данные JSON, но я изо всех сил в какой правильный подход сделать это.

До сих пор я пытался Ajax путь

    $.ajax({
        url: "https://maps.googleapis.com/maps/api/place/details/json?place_id=IDHERE&fields=opening_hours&key=APIKEY",
        crossDomain: true,
        method: 'GET',
        async: false,
        dataType: 'application/json',
 
            headers: {'Access-Control-Allow-Origin':'*'}
        
    });

Я также пытался использовать DataType как jsonp, json, сценарий и заголовки как «X-Requested-With»: «XMLHttpRequest2» и «X-Requested-With» ":" XMLHttpRequest "

Когда я пытаюсь запустить код на локальной странице html, я получаю сообщения об ошибках блокирования перекрестного запроса в консоли.

Я подхожу к этому в правильный путь? или я должен смотреть на это по-другому? Рассматриваемый веб-сайт основан на шаблонах Twig, поэтому я могу что-то работать в PHP.

У меня нулевой опыт работы с PHP и Javascript. Мой опыт работы с веб-дизайном так же, как и C#, так что это незнакомая для меня территория.

Спасибо за любые предложения / помощь