ACF hotspots image

Bij een repeater

<?php $featured_image = get_field('kaart');
            if (!empty($featured_image)): ?>
						<div class="ntrctvcrt">
						<img src="<?php echo $featured_image; ?>" alt="Interactieve kaart" />
            <?php if (have_rows('popups')):
							$count = 0;
							while (have_rows('popups')): the_row();
							$coords = explode(',', get_sub_field('coordinaten'));
              $title = get_sub_field('titel');
              $desc = get_sub_field('intro');
							$link = get_sub_field('link');
							$kleur = get_sub_field('kleur');
							echo '<a tabindex="0" href="'.$link.'" class="popup '.$count++.'" style="position: absolute; left:' . $coords[0] . ';top:' . $coords[1] . ';" data-toggle="popover" data-trigger="hover" data-placement="auto" data-html="true" title="' . $title . '" data-content="' . $desc . '"> </a>';
							endwhile;
						endif; ?>
						</div>
						<?php endif; ?>

Bij een wp_query

<div class="ntrctvcrt">
										<img src="/wp-content/uploads/2020/05/wereldkaart.png" alt="Wereldkaart bestemmingen Pura Vida" />
										<?php
										$my_query = new WP_Query($args);
								    $count = 0;
								    while($my_query->have_posts()):
								    $count++;
								    $my_query->the_post();
										$kaart = get_field('wereldkaart');
										$afburl = get_the_post_thumbnail_url();
										$coords = explode(',', get_field('locatie_op_wereldkaart'));?>
										<a tabindex="0" href="<?php the_permalink(); ?>" data-img="<?php echo $afburl; ?>" class="popup <?php $count++; ?>" style="position: absolute; left:<?php echo $coords[0]; ?>;top:<?php echo $coords[1]; ?>;" data-toggle="popover" data-trigger="hover" data-placement="auto" data-html="true" title="<?php the_title(); ?>"> </a>
										<?php endwhile; wp_reset_query();?>
									</div>