Как показать несколько карт Google с разными местоположениями, созданными в плагине Advance Custom Fields Wordpress?

Question

Я создал два поля Карт в плагине Advanced Custom Fields (ACF) в области группы полей, пожалуйста, проверьте скриншот Но в интерфейсе, когда я пытаюсь добавить код в соответствии с кодом настраиваемого поля Google Maps, отображается только одна карта, а не вторая https://www.advancedcustomfields.com/resources/google-map/

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 в коде, как указано выше.

Answer 2

Надеюсь, у вас есть ACF Pro версия :) тогда вы можете использовать поле повторителя Создайте поле повторителя «местоположения», затем внутри только одного поля с именем «местоположение» и используйте код из примера «Отображение нескольких маркеров на карту»