用Point破解OpenLayers DrawFeature控件双击缩放

时间:2013-05-21 14:09:31

标签: javascript event-handling openlayers

我有一些简单的代码,我从一个openlayers示例中复制了一些代码,用于在地图上绘制几种不同类型的几何图形。问题是,每当选择“点”几何体时,我都失去了双击放大的能力。示例和我的代码之间的唯一区别是我正在注册处理程序以使用MOD_SHIFT,因为我想保留平移/缩放的能力。以下是代码片段:

   point: new OpenLayers.Control.DrawFeature(this.geometryFilterLayer,
                            OpenLayers.Handler.Point, 

                            {
                                'done':  console.info("drew point")
                            },

                            {
                                keyMask: OpenLayers.Handler.MOD_SHIFT
                            }
                            ),
                        polygon: new OpenLayers.Control.DrawFeature(this.geometryFilterLayer,
                            OpenLayers.Handler.Polygon, 
                            {
                                'done':  console.info("drew polygon")
                            },

                            {
                                keyMask: OpenLayers.Handler.MOD_SHIFT
                            }
                            ),

上面代码的有趣之处在于,'done'事件只在创建控件/处理程序时被触发,而keyMask根本不起作用 - 我必须循环遍历此对象并手动设置keyMask每次,但这不是手头的真正问题。

我已经尝试过各种方式来注册dblclick事件,但无论如何,当我双击时我无法放大它。它适用于所有其他几何(bbox,点/半径和多边形)。

有人可以给我一些建议吗?

1 个答案:

答案 0 :(得分:0)

我从未解决过这个问题,但最终还是完全没有使用MOD_XXX。每个不同的绘图控件都有太多的内置功能,当你按住shift,ctrl,alt等时会发生什么。我最终使用自定义按钮和工具栏,这样用户可以自己明确选择绘图控件。

this.toolbar = new OpenLayers.Control.Panel({
                displayClass: 'olControlEditingToolbar'
            });
            map.addControl(this.toolbar);

var navButton = new OpenLayers.Control.Button({
                displayClass: "olControlNavigation", 
                title: "Navigation",
                trigger: lang.hitch(this, function(data){
                    this.toggleDrawControl("navigation");

                    navButton.activate();
                    pointButton.deactivate();
                    bboxButton.deactivate();
                    pointRadiusButton.deactivate();
                    polygonButton.deactivate();
                })
            }); 

...

this.toolbar.addControls([navButton, pointButton, bboxButton, pointRadiusButton, polygonButton]);

和我的切换绘图控件的功能(可以在外部调用,这就是我重新调用activate和deactivate函数的原因:

 toggleDrawControl: function(geometryType){
            this.currentGeometryType = geometryType;
            for(key in this.drawControls) {
                var control = this.drawControls[key];
                if(geometryType == key) {
                    control.activate();
                    this.drawingButtons[key].activate();
                } else {
                    control.deactivate();
                    this.drawingButtons[key].deactivate();
                }
            }
        }