2

我为移动浏览器使用构建了一个地图，因此我需要为每个标记单击和点击/触摸事件。我试过添加一个点击事件，然后添加一个触摸事件，但它只适用于其中一个。

marker.events.register( 'click', marker, function( evt ) {
    $( '#info' ).html(
        '<p>' + data[i].title + '<br />' + data[i].addr + '</p>'
    );
});
//marker.events.register( 'touchstart', marker, function( evt ) {
//  $( '#info' ).html(
//      '<p>' + data[i].title + '<br />' + data[i].addr + '</p>'
//  );
//});
4

1 回答 1

1

openlayers.org 网站上有一个示例 -单击处理程序示例

您可以创建一个扩展 OpenLayers.Control 的自定义控件类，并在该类中创建一个使用 OpenLayers.Handler.Click 的函数来监听点击事件。

Handler.Click 实际上会同时监听点击事件和触摸事件。

OpenLayers.Control.ListenToClick = OpenLayers.Class(OpenLayers.Control, {
    defaultHandlerOptions: {
        'single': true,
        'pixelTolerance': 0,
        'stopSingle': false
    },

    initialize: function(options) {
        this.handlerOptions = OpenLayers.Util.extend(
            {}, this.defaultHandlerOptions
        );
        OpenLayers.Control.prototype.initialize.apply(
            this, arguments
        ); 
        this.handler = new OpenLayers.Handler.Click(
            this, {
                'click': this.onClick,
            }, this.handlerOptions
        );
    }, 

    onClick: function(evt) {
        $( '#info' ).html(
            '<p>' + data[i].title + '<br />' + data[i].addr + '</p>'
        );
    },
});

创建它并在需要时添加到地图

var ctmControl = new OpenLayers.Control.ListenToClick({
    handlerOptions: {
        'single': true,
        'pixelTolerance': 0,
        'stopSingle': false
    }
});
map.addControl(ctmControl);

如果这对你来说不够敏感，你可以试试这个

'pixelTolerance': 10,

最后但并非最不重要的一点，记得激活它

ctmControl.activate();

当然，您可以以相同的方式停用它。

ctmControl.deactivate();
于 2013-05-28T09:25:41.393 回答