Gmaps ng-maps custom marker moving zoom in / out

I created a custom marker with html documentation from ng maps as shown below:

<custom-marker position="{{listCtrl.searchPoint.lat}},{{listCtrl.searchPoint.lng}}">
    <div class="bu-map__marker">
        <span class="icon ion-location"></span>
    </div>
</custom-marker>

      

        
        
        
      

    

The position is simple coordinates, however when I zoom out on the marker position, you move out of the coordinate position.

There is no specific css on the marker, it's just an icon.

I know there are several options in terms of binding, origin, scaleSize when using google javascript markers api, however can they be used with custom ng-maps markers?

Sachin