按钮单击前控制激活

时间:2011-11-25 06:39:46

标签: javascript javascript-events openlayers

我有一个自定义工具栏,可以在html按钮点击时激活事件,在init上激活它而不是在按钮点击后出现问题...它似乎在init上触发了该功能。 控件切换正确,但似乎默认情况下或在init中激活。

以下是代码:

/* other Controls */   
    polygon: new OpenLayers.Control.Measure(
        OpenLayers.Handler.Polygon, {
            persist: true,
            immediate: true,
            handlerOptions: {
                layerOptions: {
                    renderers: renderer,
                    styleMap: styleMap
                }
            }
        }   
    ),
    choose: new OpenLayers.Control.Button({ /** **/
        activateControl: false,             /** Problem here **/
        trigger: tochiSentaku()             /** **/
    })
};

var control;
for(var key in allControls) {
    control = allControls[key];
    control.events.on({
        "measure": handleMeasurements,
        "measurepartial": handleMeasurements,
        "button": tochiSentaku
    });
    map.addControl(control);
}

function toggleControl(element){
    for(key in allControls){
        var control = allControls[key];
        if(control.active){
            control.deactivate();
        }
        if(element.value == key && element.click){
            control.activate();
            vlayer.removeAllFeatures();
            var mybutton = document.getElementById('output');
            var xyz = "";
            mybutton.innerHTML = xyz;
        }
        else{
            control.deactivate();
        }

    }
}

tochiSentaku功能

function tochiSentaku(evt){
    var element = document.getElementById("attribute");
    map.events.register('click', map, function(e){
        vlayer.destroyFeatures(vlayer,features);
        var coord = $(".olControlMousePosition").text();

        $("#attribute").html('<center><img src="images/loading.gif" alt="Now Loading..." /></center>');
        $.getJSON("scripts/tochi_sentaku.php",{coord:coord}, function(data){
            $("#attribute").html("<button id=\"attribute_map\" onclick=\"" + data.the_geom + "\">地図</button><table id='attribute_tbl'><tr><th>項目名</th><th>値</th></tr></table>");
            for(var key in data){
                if(key != "the_geom"){
                $("#attribute_tbl").append("<tr><td>" + key + "</td><td>" + data[key] + "</td></tr>");
                }
            }
            $("#attribute_map").click();
        });
    });
}

如果有人能给我一些建议,我会非常感激。

2 个答案:

答案 0 :(得分:0)

您尚未在代码段中提供tochiSentaku的定义。

但我最初的猜测是,将代码更改为

choose: new OpenLayers.Control.Button({
    activateControl: false,
    trigger: tochiSentaku
})

答案 1 :(得分:0)

想出来。而不是使用

trigger:tochiSentaku

我用过

activate:tochiSentaku

@simplyharsh感谢您的建议