ngMap/Google Maps Api v3:编辑形状时调用函数
ngMap/Google Maps Api v3: call function when shape edited
我对 ngMap 和形状有疑问。
形状可以具有两种不同的属性,可拖动或可编辑。
editable 在圆的中间添加一个点来拖动它。和外面的4个点来改变半径的大小。
可以在这里看到:可编辑
https://ngmap.github.io/#/!shape_circle_with_current_position.html
draggable 可以在这里看到:DRAGABLE
https://rawgit.com/allenhwkim/angularjs-google-maps/master/testapp/events.html
<ng-map zoom="11" center="current-position">
<shape draggable="true" on-dragend="someFunction()"></shape>
</ng-map>
有了 draggable,我可以在拖动它时使用 "on-dragend" 指令(这是一个指令吗?)。
但我不知道我可以使用什么指令 editable="true".
<ng-map zoom="11" center="current-position">
<shape ??on-edit??="someFunction()" editable="true"></shape>
</ng-map>
我想在编辑形状后调用一个函数,这样我就可以更新我的 "radar" 和 "lat"、"lon" 值。
像 on-edit , on-change 之类的东西?我已经尝试过暴力破解了:D
谢谢!
使用 "on-center_changed" 作为圆圈的位置,并且:
"on-radius_changed" 为半径。
记录于此:
https://developers.google.com/maps/documentation/javascript/reference?hl=de#InfoWindow
<ng-map zoom="11" center="current-position">
<shape on-radius_changed="vm.radiusChanged()" on-center_changed="vm.centerChanged()" editable="true"></shape>
</ng-map>
我对 ngMap 和形状有疑问。
形状可以具有两种不同的属性,可拖动或可编辑。
editable 在圆的中间添加一个点来拖动它。和外面的4个点来改变半径的大小。 可以在这里看到:可编辑 https://ngmap.github.io/#/!shape_circle_with_current_position.html
draggable 可以在这里看到:DRAGABLE https://rawgit.com/allenhwkim/angularjs-google-maps/master/testapp/events.html
<ng-map zoom="11" center="current-position">
<shape draggable="true" on-dragend="someFunction()"></shape>
</ng-map>
有了 draggable,我可以在拖动它时使用 "on-dragend" 指令(这是一个指令吗?)。 但我不知道我可以使用什么指令 editable="true".
<ng-map zoom="11" center="current-position">
<shape ??on-edit??="someFunction()" editable="true"></shape>
</ng-map>
我想在编辑形状后调用一个函数,这样我就可以更新我的 "radar" 和 "lat"、"lon" 值。 像 on-edit , on-change 之类的东西?我已经尝试过暴力破解了:D
谢谢!
使用 "on-center_changed" 作为圆圈的位置,并且: "on-radius_changed" 为半径。
记录于此: https://developers.google.com/maps/documentation/javascript/reference?hl=de#InfoWindow
<ng-map zoom="11" center="current-position">
<shape on-radius_changed="vm.radiusChanged()" on-center_changed="vm.centerChanged()" editable="true"></shape>
</ng-map>