Open Layers 3 tool-tip блокирует действие - PullRequest
Новая
       24

Open Layers 3 tool-tip блокирует действие

0 голосов
/ 10 мая 2018

Я использую объект ol.geom.Polygon для рисования многоугольника, и я добавил к нему всплывающую подсказку, чтобы показать акры, нарисованные следующим образом. 

     if (geom instanceof ol.geom.Polygon) {
                                    MapValues.polyAcres = MapService.formatArea(geom);
                                    tooltipCoord = geom.getInteriorPoint().getCoordinates();                                         
                                    MapValues.measureTooltipElement.innerHTML = MapValues.polyAcres;
                                    MapValues.measureTooltip.setPosition(tooltipCoord);

UPDATE

Вот как я создаю подсказку ... 

mapSVC.createMeasureTooltip = function(){
            if (MapValues.measureTooltipElement) {
                MapValues.measureTooltipElement.parentNode.removeChild(MapValues.measureTooltipElement);
            }
            MapValues.measureTooltipElement = document.createElement('div');
            MapValues.measureTooltipElement.className = 'tooltip tooltip-measure';
            MapValues.measureTooltipElement.style = 'pointer-events: none';
            MapValues.measureTooltip = new ol.Overlay({
                element: MapValues.measureTooltipElement,
                offset: [0, -15],
                positioning: 'bottom-center'
            });
            MapValues.mapObj.addOverlay(MapValues.measureTooltip);

        }

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

Как я могу добавить стиль 'pointer-events: none' в ol.Overlay?

1 Ответ

0 голосов
/ 24 мая 2018

Добавить stopEvent: false при создании наложения, как это 

MapValues.measureTooltip = new ol.Overlay({
    element: MapValues.measureTooltipElement,
    offset: [0, -15],
    positioning: 'bottom-center',
    stopEvent: false
});
...