我正在使用 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);
}
问题是,根据绘制一个点的形状,工具提示可以重叠,这有效地阻止了我设置点的能力。
如何将样式“指针事件:无”添加到 ol.Overlay?