Question

我正在使用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);

更新

这就是我创建工具提示的方式......

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？

Answer 1

在创建叠加层时添加stopEvent: false

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

打开图层3工具提示块操作

1 个答案: