I am trying to adjust the position of my markers when the zoom level is at 18 or higher by adding 10px upwards. However, my current approach doesn't seem to be working as expected. Can someone please assist me with this issue? You can view the code snippet in src/google-maps/directive/google-map.ts under the method _handleMapZoomChange() on this PLUNKER.
Instead of setting all elements to a fixed value of 10px, I actually want to increment the top position by 10px relative to its current position.
$('.marker').each( function (index) {
console.log(index + ":" + $(this).css('top'));
var currentTop = $(this).css('top');
$(this).css('top', currentTop + '10px');
})