使用自定义字段数据渲染具有多个标记的谷歌地图

Question

我一直在尝试使用我从特定页面的自定义字段中提取的数据来呈现带有多个标记的新谷歌地图。

我使用的自定义字段是谷歌地图， 这是代码（注意它是用 html 语法（wordpress 模板）编写的。

我正在使用谷歌地图 api 和他们推荐的 JS。 我正在调用的服装字段是“locationMap”，我正在选择我想在“category-children”字段上的地图中包含哪些页面 - 对象发布字段，从那里提取 gps/位置我在其中包含的每个页面的数据。

提前致谢，

这是我的代码：

<?php $categories = get_field("category-children"); if ($categories) : ?>    
<div class="container">
        <div class="row">
            <div class="acf-map">
                <?php foreach( $categories as $post) : setup_postdata($post); ?>
                <?php $location = the_field('locationMap',$post->ID);?>
                <div class="marker" data-lat="<?php echo $location['lat']; ?>" data-lng="
    <?php echo $location['lng']; ?>">
                    <h4><?php echo get_the_title($post->ID); ?></h4>
                    <p class="address">
                        <?php echo $location['address']; ?>
                    </p>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </div> <?php endif; ?>

Answer 1

我找到了解决办法，

问题出在“the_field”上，我将数据作为回显到 $，将其更改为：

<?php $location = the_field('locationMap',$post->ID);?>

到：

<?php $location = get_field('locationMap',$post->ID);?>

它成功了。