需要帮助将JavaScript变量设置为WordPress自定义字段的值吗

我试图在WordPress帖子的自定义html块中使用javascript加载google地图。为了简单起见，我尝试在自定义html块中内联完成所有工作，因为我刚刚开始学习javascript和php

下面的代码运行得非常好，但我想让它变得动态。具体来说，我想首先将

中心：{lat:-34.397，lng:150.644}，

设置为wordpress自定义字段中指定的纬度和经度，该字段是使用高级自定义字段插件（ACF）创建的

var映射；
函数initMap（）{
map=new google.maps.map（document.getElementById（'map'）{
中心：{纬度：-34.397，液化天然气：150.644}，
缩放：8
});
}

我已经创建了名为

纬度

和

经度

的自定义字段，我还确保它们在WordPress REST API中公开。。。虽然我不确定这是否重要

基本上，我正在寻找可以添加到的示例代码，将变量设置为WordPress自定义字段（ACF）的值

更新

---

我觉得我应该提到，我正试图让这段代码在Elementor自定义HTML块中运行。这似乎阻止了我使用任何类型的php。另外，当我尝试使用ACF文档中定义的函数时，我会发现函数未定义的错误。似乎某些脚本的调用顺序不对…

请尝试使用

get\u field（）

这是如何使用它的：

get\u field（$selector，[$post\u id]，$format\u value]）更多详细信息：@dazd and middle我似乎遇到了一个错误，
get\u field（）
没有定义。我是否需要链接到源脚本？acf文档中有完整的示例，介绍了如何执行此操作：
<div id="map" style="height: 500px; "></div>
<script>
      var map;
      function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -34.397, lng: 150.644},
          zoom: 8
        });
      }
    </script>
<script src="https://maps.googleapis.com/maps/api/js?key=MY-KEY&callback=initMap" async defer></script>