How can we use bindTo?

[acoyfellow]

Looking for a way to bind the marker with a circle shape. Unable to figure out how to get this done.

Love everything else though!
https://developers.google.com/maps/articles/mvcfun#bindingproperties

[acoyfellow]

Alternatively, how can I get this to work?

In my Angular view:
<map style="display:block;height:300px" zoom="12" center="[{{latlong}}]" draggable="true"> <shape name="circle" radius="{{radius}}" editable="true" on-radius_changed="changeRadius" center="[{{latlong}}]"/> <marker position="[{{latlong}}]" draggable="true" on-dragend="getPosition"/> </map>

In controller:
$scope.getPosition = function(event){ this.map.setCenter( this.getPosition() ); this.shape.setCenter( this.getPosition() ); // This line gives me an error.. var lat = this.getPosition().lat(); var lng = this.getPosition().lng(); $( "#displayLat" ).html(lat); $( "#displayLng" ).html(lng); console.log('Location: ' + lat+', '+lng ); };

The line this.shape.setCenter( this.getPosition() ); is coming up Uncaught TypeError: Cannot call method 'setCenter' of undefined

[allenhwkim]

For the first one, I think we need to have init function for each marker and shapes, which we don't have at this moment. I will create another ticket for that. Please look at the following comment. I want this as close as Google maps api.

For the second one,
you can set id for each markers and shapes

$scope.markers.myMarker
$scope.shapes.myShapes

This should have been documented. Sorry about that.

This is the example

http://plnkr.co/edit/rmN4b8tUebvvkeoNzN7z?p=preview

[allenhwkim]

On second thought about the first one,
I think it is not a good idea to add my own init method because Google Mapd does not provide that kind of method. They provide this instead 'idle' event.

Here is how you achieve the first one.

http://plnkr.co/edit/IN237QwEdNkdzpDaX70z?p=preview

[allenhwkim]

Closing this. Let me know if you have any further issue, so that we can reopen this.