移动谷歌地图绘制的圆圈会触发什么事件?

时间:2014-07-25 13:15:31

标签: google-maps-api-3

当你在谷歌地图api中绘制一个圆圈时,它在它的中心有一个点,当你移动圆圈时(如果不是那个点,我得到边界改变然后中心改变的事件)什么样的事件被触发? 我已经尝试过" center_changed"," dragend"," bounds_changed"如果圈子被该点移动,则不会触发任何内容。

drawingManager.setDrawingMode($scope.G.drawing.OverlayType.CIRCLE);
drawingManager.set('circle',{
                        strokeWeight: 3,
                        strokeOpacity: 1.0,
                        fillOpacity: 0.3,
                        fillColor: "red",
                        draggable: true,
                        geodesic: true,
                        editable: true,
                        suppressUndo: true
                    });

这里是我设置绘图管理器的代码,之后我只是在地图上绘制一个圆圈。

图: enter image description here

1 个答案:

答案 0 :(得分:2)

DrawingManager不允许你更改中心,直到circlecomplete事件触发。添加' center_changed'当'circlecomplete事件触发时,事件监听器转到圈子,用它来捕捉中心位置的变化。

google.maps.event.addListener(drawingManager, 'circlecomplete', function (circle) {
    google.maps.event.addListener(circle, 'center_changed', function (e) {
        document.getElementById('info').innerHTML = circle.getCenter().toUrlValue(6);
    });
});

working fiddle