Trying to implement a simple marker according to this example, but it only works with static city names like "Toronto". When using dynamic city names, the marker is placed in the center of the world map.
Below is my code:
<div map-lazy-load="https://maps.google.com/maps/api/js">
<ng-map zoom="11" center="{{vm.city}}">
<marker position="{{vm.city}}"
title="You are here"
centered="true"
></marker>
</ng-map>
</div>
https://i.sstatic.net/zDUGv.png
What am I doing wrong?