wordpress - 如何显示在高级自定义字段 Wordpress 插件中创建的具有不同位置的多个 Google 地图？

Question

我在其字段组区域的高级自定义字段（ACF）插件中创建了两个地图字段，请检查屏幕截图 但是在前端，当我尝试根据谷歌地图自定义字段代码添加代码时，只有一个地图显示不是第二个https://www.advancedcustomfields.com/resources/google-map/

标签： wordpressgoogle-maps

Answer 1

啊，是的，我能够弄清楚这一点。不需要任何其他不同的设置，只需要在 ACF 字段组区域中再添加一个字段，并通过与第一个字段相同的设置在前端显示该字段，但只需更改位置变量名称并通过其中的第二个字段值。下面是在不同 HTML 元素中显示第一个和第二个地图的完整代码示例。

第一张地图：

    <?php
                        $location = get_field('map');

                        if( !empty($location) ):
                        ?>
                        <div class="acf-map">
                            <div class="marker" data-lat="<?php echo $location['lat']; ?>" data-lng="<?php echo $location['lng']; ?>"></div>
                        </div>
            <?php endif; ?>

第二张地图：

    <?php
        $location_second = get_field('map_second');
            if( !empty($location_second) ):
    ?>
    <div class="acf-map">
        <div class="marker" data-lat="<?php echo $location_second['lat']; ?>" data-lng="<?php echo $location_second['lng']; ?>"></div>
    </div>
    <?php endif; ?>

由于我在 ACF 插件中创建了两个地图字段，第一个地图字段的名称是 Map，第二个地图字段的名称是 Map Second，所以这些将在上面给出的代码中用作 map 和 map_second。