如何从前端表单插入ACF google地图字段中的位置？

<!-- 前端表单 -->
<form id="myForm">
  <label for="location">位置：</label>
  <input type="text" id="location" name="location" placeholder="输入地址或经纬度">
  <button type="submit">提交</button>
</form>

<script>
  // 监听表单提交事件
  document.getElementById('myForm').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    // 获取输入框中的位置信息
    var location = document.getElementById('location').value;

    // 使用Google Maps Geocoding服务获取经纬度
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode({ address: location }, function(results, status) {
      if (status === 'OK') {
        var lat = results[0].geometry.location.lat();
        var lng = results[0].geometry.location.lng();

        // 更新ACF Google地图字段的值
        update_field('google_map_field', lat + ',' + lng);
      } else {
        console.error('Geocode was not successful for the following reason: ' + status);
      }
    });
  });

  // 更新ACF字段的值
  function update_field(field_key, value) {
    // 使用ACF提供的API来更新字段的值
    // 这里假设你已经引入了ACF的JavaScript文件
    acf.fields.google_map_field.update({ key: field_key, value: value });
  }
</script>