Scroll Marker Example

customscript.js

var last_opened_marker = false;
jQuery(document).ready(function () { 
    jQuery(window).scroll(function (event) {
        var scrollTop = jQuery(window).scrollTop();

        if((scrollTop > jQuery('.wpgmza_side_left').offset().top) && (scrollTop < (jQuery('.wpgmza_side_left').height() - 350 + jQuery('.wpgmza_side_left').offset().top)) ){
          jQuery('.wpgmza_side_right .wpgmza_map').css('position', 'fixed');
          jQuery('.wpgmza_side_right .wpgmza_map').css('width', jQuery('.wpgmza_side_right').width() + 'px');
          jQuery('.wpgmza_side_right .wpgmza_map').css('top', '55px');
        } else {
          jQuery('.wpgmza_side_right .wpgmza_map').css('position', 'relative');
          jQuery('.wpgmza_side_right .wpgmza_map').css('top', '0px');
        }

        var closest_elem = {
          elem : false,
          distance: false
        };
        jQuery('.wpgmza_side_left h2').each(function(){
          var elementOffset = jQuery(this).offset().top;
          var distance = (elementOffset - scrollTop);
          if(closest_elem.distance === false || distance < closest_elem.distance){
            if(distance >= 0){
              closest_elem.elem = jQuery(this);
              closest_elem.distance = distance;
            }
          }

        });

        if(closest_elem.elem !== false){


          var the_marker = parseInt(closest_elem.elem.attr('data-open-marker'));
          var the_map = parseInt(closest_elem.elem.attr('data-open-map'));
          if(the_marker !== last_opened_marker){
            WPGMZA.getMapByID(the_map).getMarkerByID(the_marker).openInfoWindow();
            last_opened_marker = the_marker;
          }
        }


   });
});

jQuery(window).load(function () { 
  jQuery('.wpgmza_side_left h2').each(function(){
    var text_check = jQuery(this).text();

    if(typeof typeof WPGMZA !== 'undefined' && typeof WPGMZA.maps !== 'undefined' && typeof WPGMZA.maps[0] !== 'undefined'){
      if(typeof WPGMZA.maps[0].markers !== 'undefined'){
        /** LOOP */
        for(var i in WPGMZA.maps[0].markers){
          var m_title = WPGMZA.maps[0].markers[i].title;

          if(text_check.indexOf(m_title) !== -1){
            jQuery(this).attr('data-open-marker', WPGMZA.maps[0].markers[i].id);
            jQuery(this).attr('data-open-map', WPGMZA.maps[0].markers[i].map_id);

          }
        }
      }   
    }
  });
});

customstyle.css

.wpgmza_side_left {
    display:inline-block;
   width: 58%;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 10px;
}

.wpgmza_side_right {
    display:inline-block;
    width: 39%; 
    vertical-align: top;
    transition: margin 0.2s ease;
}

.wpgmza_side_right .wpgmza_map{
    max-width: 100% !important;
}

@media screen and (max-width: 690px){
    .wpgmza_side_left{
        width: 98%;
    }

    .wpgmza_side_right {
        width:98%;
    }

    .wpgmza_side_right .wpgmza_map{
        width: 100% !important;
        bottom: 0 !important;
        left:0 !important;
        top: unset !important;
        height: 35% !important;
        min-height: 285px !important;
    }
}

examplecontent.html

<div class="wpgmza_side_left">

<span style="font-weight: 400;">Kansas City, Missouri is one of the most exciting holiday destinations you would want to spend a holiday away from your hustles and bustles. This city is adorned with numerous attractions and that will make you want to spend an extra day to tour. Even better, there this city has one of the finest dining experiences which come with a nostalgic feel. Here is why I have with me a stunning list of the <em>best restaurants in Kansas City</em> which you will definitely love to check out if you are visiting this town and looking for a place to unwind as you dine. </span>

<img class="alignnone wp-image-183 size-full" src="https://www.exploreist.com/wp-content/uploads/2019/09/best-restaurants-in-kansas-city-1.jpg" alt="best restaurants in kansas city" width="730" height="486" />

&nbsp;

<h2><b>1) </b><b>Seva Cuisine of India</b></h2>
<span style="font-weight: 400;">Talk of Indian cuisine and this is the prime stopover to get all that and more in one of the most amazing ambiances to crown your stay in this premise. The menu is full of surprises which you’ll find quite interesting from pocket-friendly prices. Don't forget to sample the great list of beers in the house including the Taj Mahal beer which is a superb treat for your stay.</span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-407-9700
</span><b>Address: </b><span style="font-weight: 400;">8674 NE Flintlock Rd, Kansas City, MO 64157-1087
<strong>Website:</strong> <a href="http://sevacuisineofindia.com" target="_blank" rel="nofollow noopener noreferrer">http://sevacuisineofindia.com</a></span>

[/su_note]

&nbsp;
<h2><b>2) Q39</b></h2>
<span style="font-weight: 400;">If you are looking for the ultimate spot to treat your appetite, then look no further. This busy restaurant boasts some of the finest barbeques treats not to mention the pasta and wine collection on the house. Enjoy some of the most lively conversations as you indulge in your tasty meals for your enjoyment which comes with a great mastery of grilling and service delivery.</span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-255-3753
</span><b>Address: </b><span style="font-weight: 400;">1000 W 39th St, Kansas City, MO 64111-3859
<strong>Website:</strong> <a href="https://q39kc.com/" target="_blank" rel="noopener noreferrer">https://q39kc.com</a></span>

[/su_note]

&nbsp;
<h2><b>3) </b><b>Bluestem</b></h2>
<span style="font-weight: 400;">Wine and dine in one of the best restaurants in Kansas City were it boasts a unique and stylish feel which welcomes you to a great space to enjoy your meals. This award-winning restaurant has been dedicated to serving its clients the finest meals since 2004 where it has offered the most. For some of the most exciting moments, I would recommend you pop into this spot and check out its never-ending marvels. </span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-561-1101
</span><b>Address: </b><span style="font-weight: 400;">900 Westport Rd, Kansas City, MO 64111-3147
<strong>Website:</strong> <a href="http://www.bluestemkc.com" target="_blank" rel="noopener noreferrer">http://www.bluestemkc.com</a></span>

[/su_note]

&nbsp;
<h2><b>4) Eddie V's Prime Seafood</b></h2>
<span style="font-weight: 400;">Lounge in one of the most inviting ambiances you’ll ever come across in Kansas City where it serves an array of signature cocktails coupled up with a warm ambiance complemented by some jazz tunes. You can never go wrong when it comes to having a great time like this place where the artwork, live music, delicious steaks, and cold beers all come together under one roof.</span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-531-2537
</span><b>Address: </b><span style="font-weight: 400;">700 W 47th St Suite 115, Kansas City, MO 64112-1922
<strong>Website:</strong> <a href="https://www.eddiev.com" target="_blank" rel="noopener noreferrer">https://www.eddiev.com</a></span>

[/su_note]

&nbsp;
<h2><b>5) </b><b>Garozzo's Ristorante</b></h2>
<span style="font-weight: 400;">If you are looking for one of the most excellent places to enjoy some Italian cuisines surrounded by a rustic ambiance. This is one of those places you will get a nostalgic feel that will last for days on end not forgetting the warm service from the waiter which will blow you away. Make sure to sample Frankie's chicken and the Spiedini di Pollo which you will live to tell the tale of the taste. </span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-221-2455
</span><b>Address: </b><span style="font-weight: 400;">526 Harrison St, Kansas City, MO 64106-1262
<strong>Website:</strong> <a href="http://www.garozzos.com" target="_blank" rel="noopener noreferrer">http://www.garozzos.com</a></span>

[/su_note]

&nbsp;
<h2><b>6) Jack Stack Barbeque</b></h2>
<span style="font-weight: 400;">Are you craving some tastefully-made shrimps blended with some finely-crafted cocktails? Then this is the ultimate stopover to get a cold craft beer and a biting as you enjoy the city views and great conversations. Make sure to tag your family, travel friends or partner to enjoy this amazing experience.  </span>

[su_note note_color="#e8e8e8"]

<b>Phone:</b><span style="font-weight: 400;"> +1 816-472-7427
</span><b>Address: </b><span style="font-weight: 400;">101 W 22nd St Ste 300 Freight House, Kansas City, MO 64108-1954
<strong>Website:</strong> <a href="https://www.jackstackbbq.com" target="_blank" rel="noopener noreferrer">https://www.jackstackbbq.com</a></span>

[/su_note]

&nbsp;
<h2><b>7) </b><b>Jack Stack Barbecue - Martin City</b></h2>
<span style="font-weight: 400;">If you are looking for a perfect spot to unwind after a long touring day, this is your ultimate den. Enjoy some of the most finger-licking grilled ribs and smoked salmon not forgetting the jumbo fried mushrooms which will absolutely tickle your taste buds for more.</span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-942-9141
</span><b>Address: </b><span style="font-weight: 400;">13441 Holmes Rd, Kansas City, MO 64145-1445
<strong>Website:</strong> <a href="https://www.jackstackbbq.com" target="_blank" rel="noopener noreferrer">https://www.jackstackbbq.com</a></span>

[/su_note]

&nbsp;
<h2><b>8) Grunauer</b></h2>
<span style="font-weight: 400;">This restaurant boasts one of the most delicious German, European and Asian cuisines which come in a sleek ambiance to fill your unwinding ambiance. From freshly-done salads to spicy pork, you will absolutely fall in love with this place if you are coming for a treat. Vegetarian options are served in the house too so you have don’t have to be worried about what you’ll eat if you are a non-meat lover or not feeling like doing some meat for the menu the day you visit.</span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-283-3234
</span><b>Address: </b><span style="font-weight: 400;">W 22nd St Ste 200, Kansas City, MO 64108101 -1954
<strong>Website:</strong> <a href="http://grunauerkc.com" target="_blank" rel="noopener noreferrer">http://grunauerkc.com</a></span>

[/su_note]

&nbsp;
<h2><b>9) Cafe Gratitude</b></h2>
<span style="font-weight: 400;">Stopover in this amazing restaurant which boasts a healthy menu that serves tasty healthy options for you and your friends. There are so many fantastic healthy treats on the menu not forgetting milkshakes and smoothies which will absolutely blow you away if you are looking for a healthy boost.</span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-474-5683
</span><b>Address: </b><span style="font-weight: 400;">333 Southwest Blvd, Kansas City, MO 64108-2020
<strong>Website:</strong> <a href="https://www.cafegratitude.com" target="_blank" rel="noopener noreferrer">https://www.cafegratitude.com</a></span>

[/su_note]

&nbsp;
<h2><b>10) Jack Stack Barbeque</b></h2>
<span style="font-weight: 400;">Sample amazing-done steaks, barbeque shrimps and fried mushrooms, this is the perfect place to sample all that and more where they serve some of the finest delicacies that will suit your taste bud needs. Make sure to sample the grilled ribs and pork chops which are to die for!</span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-531-7427
</span><b>Address: </b><span style="font-weight: 400;">4747 Wyandotte St, Kansas City, MO 64112-1612
<strong>Website:</strong> <a href="https://www.jackstackbbq.com" target="_blank" rel="noopener noreferrer">https://www.jackstackbbq.com</a></span>

[/su_note]

&nbsp;
<h2><b>11) La Bodega - Kansas City</b></h2>
<span style="font-weight: 400;">Take a great tour to the Mediterranean and Latin world in this stylish restaurant which boasts some elegant meals that will definitely blow you away. From the fried tapas to the salads to the rice, your taste bud will be left begging for more. All you need to come with is an empty stomach and a full wallet, you will have a time of your life!</span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-472-8272
</span><b>Address: </b><span style="font-weight: 400;">703 Southwest Blvd, Kansas City, MO 64108-2124
<strong>Website:</strong> <a href="https://labodegakc.com" target="_blank" rel="noopener noreferrer">https://labodegakc.com</a></span>

[/su_note]

&nbsp;
<h2><b>12) </b><b>801 Chop House</b></h2>
<span style="font-weight: 400;">Head out to this exciting restaurant and sample some of the tastiest prime ribs you will ever taste in Kansas which is why this is one of the best restaurants in Kansas City. Make sure to make an order of the house famous lamb chops that come with a stylish flair not forgetting the fillet and the lobster.</span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-994-8800
</span><b>Address: </b><span style="font-weight: 400;">71 E 14th St, Kansas City, MO 64106-2918
<strong>Website:</strong> <a href="https://801chophouse.com/kansas-city" target="_blank" rel="noopener noreferrer">https://801chophouse.com/kansas-city</a></span>

[/su_note]

&nbsp;
<h2><b>13) </b><b>Webster House</b></h2>
<span style="font-weight: 400;">Dive down into the world of fine culinary arts and enjoy some of the most amazing meals and blends of cocktails. This contemporary establishment boasts a classic ambiance filled with unique artifacts which will absolutely wow you in the course of your stay in this premise. Make sure to tag your friends, partner or family members for this awesome dining experience.</span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-221-4713
</span><b>Address: </b><span style="font-weight: 400;">1644 Wyandotte St, Kansas City, MO 64108-1224
<strong>Website:</strong> <a href="https://websterhousekc.com" target="_blank" rel="noopener noreferrer">https://websterhousekc.com</a></span>

[/su_note]

&nbsp;
<h2><b>14) </b><b>The Capital Grille</b></h2>
<span style="font-weight: 400;">You can never go wrong when it comes to great American meals like this amazing spot. This superb establishment boasts a great steak menu blended with a wide selection of seafood and salads which come from the warm service of the waiters who are always ready to cater to your taste bud needs.</span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-531-8345
</span><b>Address: </b><span style="font-weight: 400;">4760 Broadway Blvd, Kansas City, MO 64112-1918
<strong>Website:</strong> <a href="https://www.thecapitalgrille.com" target="_blank" rel="noopener noreferrer">https://www.thecapitalgrille.com</a></span>

[/su_note]

&nbsp;
<h2><b>15) Trezo Mare</b></h2>
<span style="font-weight: 400;">Come and enjoy one of the best restaurants in Kansas City where it is perfectly situated in a serene ambiance just to crown your eating experience. Even better, the house chefs are dedicated o ensure that you have one of the most pleasant stays as you dine and enjoy the ambiance. There is also an indoor and outdoor eating area just for you to enjoy your meals and scenic views at the convenience of your dining seat. </span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-505-3200
</span><b>Address: </b><span style="font-weight: 400;">4105 N Mulberry Dr, Kansas City, MO 64116-1638
<strong>Website:</strong> <a href="https://www.trezomare.com" target="_blank" rel="noopener noreferrer">https://www.trezomare.com</a></span>

[/su_note]

&nbsp;
<h2><b>16) </b><b>Stroud's Restaurant &amp; Bar</b></h2>
<span style="font-weight: 400;">Welcome to the home of the finest fried chicken, steak, ham and salads which come professionally made to suit your taste bud needs. You ill reminisce visit to this amazing place once check in to sample the house treats and the warm service which will give you the most unforgettable dining experience.</span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-454-9600
</span><b>Address: </b><span style="font-weight: 400;">5410 NE Oak Ridge Rd, Kansas City, MO 64119-2905
<strong>Website:</strong> <a href="https://www.stroudswichita.com" target="_blank" rel="noopener noreferrer">https://www.stroudswichita.com</a></span>

[/su_note]

&nbsp;
<h2><b>17) </b><b>Beer Kitche</b><b>n</b></h2>
<span style="font-weight: 400;">Savor in the tastiest American burgers and barbeque treats which come with a great list of beers to take a pick from. Enjoy some of the most inviting meals from the house chefs who will keep you satisfied ad full with some of the most delicious barbeques which come served with great mastery to achieve the great crispy taste.  </span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-389-4180
</span><b>Address: </b><span style="font-weight: 400;">435 Westport Rd, Kansas City, MO 64111-4956
<strong>Website:</strong> <a href="http://www.beerkitchenkc.com" target="_blank" rel="noopener noreferrer">http://www.beerkitchenkc.com</a></span>

[/su_note]

&nbsp;
<h2><b>18) </b><b>Eggtc</b></h2>
<span style="font-weight: 400;">You know you are going to have a great meal when you see this restaurant on sight which serves some delightful breakfasts and lunches that are unmatched. Even more, you will get to enjoy the superb ambiance which comes well spaced to suit your seating comfort and great service from the waiters </span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-561-0116
</span><b>Address: </b><span style="font-weight: 400;">5107 Main St, Kansas City, MO 64112-2742
<strong>Website:</strong> <a href="http://www.eggtckc.com" target="_blank" rel="noopener noreferrer">http://www.eggtckc.com</a></span>

[/su_note]

&nbsp;
<h2><b>19) </b><b>Char Bar</b></h2>
<span style="font-weight: 400;">Sample one of the best restaurants in Kansas City which boasts some great local cuisines in a charming setup which will woo you to come back again once you try it out. Even more, you have the opportunity to enjoy some of the most delicious steaks which come with a touch of the house chef who ensures you have nothing but the best meals.</span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-389-8600
</span><b>Address: </b><span style="font-weight: 400;">4050 Pennsylvania Ave, Kansas City, MO 64111-3024
<strong>Website:</strong> <a href="https://charbarkc.com" target="_blank" rel="noopener noreferrer">https://charbarkc.com</a></span>

[/su_note]

&nbsp;
<h2><b>20) </b><b>Gram &amp; Dun</b></h2>
<span style="font-weight: 400;">Perfectly set in a modern setting, this restaurant boasts one of the most amazing indoor/outdoor eating spaces which are fitted with stylish decor to compliment your dining experience. The menu is filled with fantastic treats that will blow you away including the double pork chop, burgers, salads, cold beers, and onion dumplings. </span>

[su_note note_color="#e8e8e8"]

<b>Phone: </b><span style="font-weight: 400;">+1 816-389-2900
</span><b>Address: </b><span style="font-weight: 400;">600 Ward Pkwy, Kansas City, MO 64112-2104
<strong>Website:</strong> <a href="https://www.gramanddun.com" target="_blank" rel="noopener noreferrer">https://www.gramanddun.com</a></span>

[/su_note]

<h2><b>Conclusion</b></h2>
<span style="font-weight: 400;">Kansas City is one of the most indulging tourist cities in the world where you can engage in some of the most exciting holiday action you can ever get! Make sure to sample these best restaurants in <a href="https://www.exploreist.com/usa/missouri/kansas-city/">Kansas City</a> where you will get to wine and dine in some amazing ambiances as you unwind. Make sure to tag your travel friends along because this city has something for every traveler!</span>

<strong>Please share this post if you found it helpful. </strong>

<strong>Leave any comments below!</strong>

</div>
<div class="wpgmza_side_right">

[wpgmza id="6"]

</div>