Highlight Google map marker when Image comes in Viewport of DIV scroll <p>Below is Image listing done using ng-repeat.</p> <p><div class="snippet" data-lang="js" data-hide="false"> <div class="snippet-code"> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="data" ng-repeat = "image in images"&gt; &lt;div class="category"&gt; &lt;a href="#" class="thumbnail"&gt; &lt;img ng-src="images/{{happyning.image}}" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt;</code></pre> </div> </div> </p> <p>and I have Google map loaded with all the Marks based on these entries. Now what I want is to highlight the specific Google Map marker when an Image is fully visible in screen/viewport (I have laded these image listing in DIV).</p> <p>Thanks- Abhishek</p>