Я использую плагин ACF Fields и пытаюсь создать карту Google, которая показывает местоположение почты, но не очень далеко – контакты отображаются не в том месте, и когда я повторяю заголовок сообщения в пузыре HTML над pin, это всегда одно и то же сообщение .. но в 3 разных местах. У меня только 2 из 10 сообщений с местами на данный момент, поэтому я понятия не имею, почему показывают 3 места. Один тоже находится в середине океана. Тем не менее, это ближайший я пришел, и я потратил весь день на то, чтобы попытаться …
<div class="acf-map"> <?php while ( $wp_query->have_posts() ) : $wp_query->the_post();?> <?php $location = get_field('location_map'); ?> <div class="marker" data-lat="<?php echo $location['lat']; ?>" data-lng="<?php echo $location['lng']; ?>"></div> <?php endwhile; wp_reset_postdata();?> </div> Я бы подумал, что это будет относительно просто достичь, но я думаю, что нет .. но тогда я далек от лучшего кодера в мире 🙂
Если кто-нибудь может дать мне какие-либо указания на это, я буду очень благодарен!
Я достиг этого на следующем веб-сайте
проверьте бокс «Ubicación». Я сделал это с помощью ACF Pro (5.0). Я передаю вам код, необходимый для его реализации. Надеюсь, это то, что вы ищете (есть несколько дополнительных полей, которые не нужны).
<?php $image = get_field('location_background_image', 'option'); $size = 'background'; $location_background_image_url = $image['sizes'][ $size ]; ?> <section id="location" class="location-section" style="<?php if( get_field('location_background_color','option') ): ?>background-color:<?php the_field('location_background_color','options'); ?>;<?php endif; ?><?php if( get_field('location_background_image','option') ): ?>background-image:url(<?php echo $location_background_image_url; ?>); background-size:cover;<?php endif; ?>"> <div class="container scrollpoint sp-effect3"> <?php if( get_field('location_title','option') ): ?><h1 class="text-center"><?php the_field('location_title','options'); ?></h1><?php endif; ?> <?php if( get_field('location_description','option') ): ?> <div id="location-description" class="text-center"><?php the_field('location_description','options'); ?></div> <?php endif; ?> <style type="text/css"> .acf-map { width: 100%; height: 400px; border: #ccc solid 1px; margin: 40px 0; } </style> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> <?php if( have_rows('locations','options') ): ?> <div class="acf-map"> <?php while ( have_rows('locations','options') ) : the_row(); $location = get_sub_field('location'); ?> <div class="marker" data-lat="<?php echo $location['lat']; ?>" data-lng="<?php echo $location['lng']; ?>"> <h4><?php the_sub_field('title'); ?></h4> <p><?php the_sub_field('description'); ?></p> </div> <?php endwhile; ?> </div> <?php endif; ?> </div> <!-- .container --> </section> <!-- section#location --> <div class="section-divider blue"> <a class="scroll" href="#responsability"><i class="fa fa-angle-down fa-3x"></i></a> </div> <!-- .section-divider blue -->