"drag" Event aus Google Maps

[thorsten23]

Hallo,

habe heute mal recht ausgiebig mit Ares etc rumgebastelt und dabei Google Maps eingebunden. Soweit sogut. Google Maps API bietet ja etliche Events an, aber wie schaffe ich es, einen Listener dafür zu registrieren (z.B. drag, oder clicked)? Einen onTap Listener (in Ares) funktioniert, aber wie gehen die anderen ? Ich befürchte, mir fehlt hier mindestens ein elementarer (inhaltlicher) Zusammenhang, wie hier die Interaktion funktioniert.

Hier die beiden Ansätze, die ich probiert habe:

Ansatz 1:

this.eventhandler = this.handleMapDrag.bindAsEventListener(this);
google.maps.event.addListener(this.$.map1, 'drag', this.eventhandler);


Ansatz 2:

this.eventhandler = this.handleMapDrag.bindAsEventListener(this);
Mojo.Event.listen(this.$.map1, Mojo.Event.tap, this.eventhandler);



wie immer für jeden Hinweis dankbar,
Thorsten

[jpohl]

Hallo Thorsten,

Zitat von thorsten23

Ansatz 2:

this.eventhandler = this.handleMapDrag.bindAsEventListener(this);
Mojo.Event.listen(this.$.map1, Mojo.Event.tap, this.eventhandler);

meiner Meinung fehlt am Ende noch ein bind, also Mojo.Event.listen(this.$.map1, Mojo.Event.tap, this.eventhandler.bind(this));

Ob das nun mit der Google-API funktioniert oder da nicht noch ein gravierender Fehler im Ansatz drin ist, weiß ich nicht.

Viele Grüße
Jörg

[thorsten23]

Hallo Jörg,

vielen Dank für die Antwort. Das Binding dachte ich eigentich in der oberen der beiden Zeilen zu erledigen. "handleMapDrag" ist die Handler-Funktion, die aufgerufen werden soll. Wobei ich nicht den Unterschied zwischen bind() und bindAsEventHandler() kenne.

Irgendwie ist mir absolut nicht klar, wie ich die Javascript Methoden der GoogleMaps API überhaupt einbinde. Irgendetwas entscheidendes verbirgt sich mir noch ;-)

viele Grüße
Thorsten