Question

I’ve setup a Google map that has several plotted markers, each one when clicked on has a little popup with info within.

I’m using the following code to show the company name per plotted marker, but it’s going through the foreach loop and showing ALL the company names within one popup.

How can loop through and show one company name per plotted marker? I need it to show the first company in the list on the first marker, the second company in the list on the second marker and so on.

// Setting the content of the InfoWindow
infowindow.setContent('
        <?php $pages = get_pages(array('child_of' => $post->ID, 'sort_column' => 'menu_order')); foreach($pages as $post) { 
        setup_postdata($post); 
        $fields = get_fields(); ?>

        <p><?php echo $fields->company_name; ?></p> 

        <?php } wp_reset_query(); ?>
');

Answer 1

Look at your code. what a mess! You would never have missed these obvious mistakes, if you would care to structure your code well! Don’t write all your code on one line! Use best practice for code style!

Don’t put all that PHP code inside the javascript function.
Instead, use a variable $contentMarkup, store everything in there and in the end echo this variable into the javascript code.

<?php
    $contentMarkup = '';
    //do all your stuff like
    $contentMarkup .= '<p>';
    $contentMarkup .= $fields->companyName;
    $contentMarkup .= '</p>';
?>

infowindow.setContent('<?php echo $contentMarkup; ?>');

Regarding your actual question: If you want to generate more than one tooltip/window/younameit, they have to have unique identifiers so you can create one for each company. But to say more I’d need to know a bit more about what exactly you’re trying to do. What information is available and from what source.