title: AngularJS ngMap parameters on-click event
body: <p>I'm attempting to use this Angular Google map directive <a href="http://ngmap.github.io/" rel="nofollow">http://ngmap.github.io/</a>.
  I would like to add a click event to each marker, which calls a function in the controller, passing through the marker's id. When I print out the id in the console, I get "hq {latLng: wf, ub: undefined, pixel: undefined, xa: undefined}", which isn't the id.
  My HTML is </p>
  
  <pre><code>&lt;map center="{{map.center.latitude}},{{map.center.longitude}}" zoom="{{map.zoom}}"&gt;
  
                      &lt;marker ng-repeat="marker in markers" position="{{marker.latitude}}, {{marker.longitude}}" icon="{{marker.icon}}" id="{{marker.id}}" on-click="goAnchor(marker.id)"&gt;&lt;/marker&gt;
                  &lt;/map&gt;
  </code></pre>
  
  <p>My controller code:</p>
  
  <pre><code>$scope.goAnchor = function (id) {
              console.log(id);
              gotoAnchor(id);
          };
  </code></pre>