Nano Hash - криптовалюты, майнинг, программирование

Принудительное рисование слоя маркеров OpenLayers наверху и наличие выбираемых слоев под

У меня есть карта OpenLayers с базовым растровым слоем, векторным слоем и слоем маркеров в таком порядке. Они отображаются отлично, в правильном порядке с маркерами поверх векторов, отлично.

Но когда я добавляю элемент управления SelectFeature Control и указываю его на векторный слой, он внезапно рисуется над слоем маркеров, несмотря на все попытки поднять уровень маркера или установить Z-индекс. Кажется, что элемент управления SelectFeature отменяет все настройки порядка рисования. Это сделано намеренно, или я могу как-то с этим справиться?

Определения слоев:

var baselayer = new OpenLayers.Layer.WMS('Norden', 
'http://{myarcgisserver}/ArcGIS/services/mylayer/MapServer/WMSServer', {
    layers :'1,2',
    transparent :false,
    width :'auto',
    height :'auto',
    filter :null
}, {
    isBaseLayer: true,
    singleTile :true,
    ratio :1,
    alpha :false,
    transitionEffect :'resize'
});

var vectorLayer = new OpenLayers.Layer.Vector("Work orders", {
    projection: new OpenLayers.Projection("EPSG:2400"),
    strategies: [new OpenLayers.Strategy.Fixed(), refresh],
    protocol: new OpenLayers.Protocol.HTTP({
        url: "/WorkOrder/WorkOrders.ashx?output=geojson",
        format: new OpenLayers.Format.GeoJSON()
    })
});

var markerlayer = new OpenLayers.Layer.Markers("Markers", {
    projection: new OpenLayers.Projection("EPSG:2400"),
    displayInLayerSwitcher: false
}
);

Определение контроля:

var selectctrl = new OpenLayers.Control.SelectFeature(
    vectorLayer,
    {
        clickout: true,
        toggle: false,
        multiple: false,
        hover: false,
        toggleKey: "ctrlKey", // ctrl key removes from selection
        multipleKey: "shiftKey", // shift key adds to selection
        box: false
    }
);

Активация: (Без этого слои рисуются в правильном порядке)

map.addControl(selectctrl);

selectctrl.activate();

Изменить: нашел это в OpenLayers.Handler.Feature, где "moveLayerToTop" чувствует себя виноватым ... Попытаюсь преодолеть это, но если кто-то знает, что это невозможно, сообщите мне!

/**
 * Method: activate 
 * Turn on the handler.  Returns false if the handler was already active.
 *
 * Returns:
 * {Boolean}
 */
activate: function() {
    var activated = false;
    if(OpenLayers.Handler.prototype.activate.apply(this, arguments)) {
        this.moveLayerToTop();
        this.map.events.on({
            "removelayer": this.handleMapEvents,
            "changelayer": this.handleMapEvents,
            scope: this
        });
        activated = true;
    }
    return activated;
},
18.01.2011

Ответы:


1

Ответ - если это нормально называть это, лежит в функции активации, о которой я упоминал выше. Я попытался переопределить это и удалил вызов moveLayerToTop, и он работает как шарм.

РЕДАКТИРОВАТЬ: в итоге я добавил этот код в файл js вне библиотеки кода OL, переопределив функцию активации обработчиков. Это потому, что в противном случае я потеряю изменения при обновлении базы кода OpenLayers.

OpenLayers.Handler.Feature.prototype.activate = function() {
    var activated = false;
    if (OpenLayers.Handler.prototype.activate.apply(this, arguments)) {
        //this.moveLayerToTop();
        this.map.events.on({
            "removelayer": this.handleMapEvents,
            "changelayer": this.handleMapEvents,
            scope: this
        });
        activated = true;
    }
    return activated;
};
27.01.2011
  • После добавления этого кода мой SelectFeature как-то перестал работать. Вы этого не испытали? 23.04.2012
  • @delawen: Какой браузер вы используете? Я этого не видел, можете ли вы отладить свое приложение, чтобы увидеть, где оно не работает? 24.04.2012
  • Один из возможных побочных эффектов: если у вас есть слой со значками изображений, с которыми вы НЕ хотите взаимодействовать, при применении этого решения SelectFeature перестает работать, когда он находится непосредственно над значками изображений. Чтобы исправить это, используйте что-то вроде: $ (map.layers [X] .div) .css ({pointer-events: none}); где X - индекс слоя, который вы хотите передать. 15.05.2013

  • 2

    Я обнаружил это, когда у меня была такая же проблема, когда я пытался заставить несколько слоев реагировать на события мыши.

    Решение на случай, если кто-то еще найдет эту ветку, намного проще.

    Элемент управления SelectFeature принимает массив векторных слоев, и если все последующие, которые вам нужно реагировать на события мыши (наведение и щелчок), находятся в этом массиве, они ВСЕ работают, а не только тот, который был перемещен наверх.

    В документации предлагается вообще не использовать слои маркеров. В то время как мое решение вращается вокруг полей геометрии PostGIS и поддается рендерингу данных POINT в векторном слое, все, что использует маркеры, может быть выполнено таким образом, и, согласно OpenLayers, должно.

    Итак, одобренное решение для этого потока можно значительно упростить, используя векторные слои для маркеров и делая что-то вроде этого:

    this.carSelect = new OpenLayers.Control.SelectFeature(
        [vectorsLayer, markersLayer],
        {
            'hover':true,
            'callbacks': {
                blah blah blah
        }
    });
    

    Это зарегистрирует соответствующие события на обоих слоях и сделает их живыми.

    Надеюсь, это поможет всем, кто сталкивается с этой проблемой.

    Как уже говорилось в другом месте, использовать OpenLayers несложно, найти правильный способ что-то с ним делать.

    18.09.2012
  • Я столкнулся с той же проблемой, спасибо за советы. Теперь мне нужно узнать, как разместить маркеры внутри векторного слоя. Если вы хотите сделать свой ответ более полным, вы можете описать, как это сделать. 04.04.2014
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..