Openlayers 打开图层3工具提示块操作
我正在使用ol.geom.Polygon对象来绘制多边形,我已经添加了一个工具提示来显示这样绘制的面积Openlayers 打开图层3工具提示块操作,openlayers,openlayers-3,angular-openlayers,Openlayers,Openlayers 3,Angular Openlayers,我正在使用ol.geom.Polygon对象来绘制多边形,我已经添加了一个工具提示来显示这样绘制的面积 if (geom instanceof ol.geom.Polygon) { MapValues.polyAcres = MapService.formatArea(geom); tooltipCoord = geom.getInterior
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中?在创建这样的Overlay时添加
stopEvent:false
MapValues.measureTooltip = new ol.Overlay({
element: MapValues.measureTooltipElement,
offset: [0, -15],
positioning: 'bottom-center',
stopEvent: false
});
将此css添加到工具提示div
指针事件:无代码>虽然您提供的信息不足以正确引导您,但可能会有问题,但我还需要将样式添加到包含ol.Overlay的页面中…我看不出有什么方法可以做到这一点?欢迎对否决票发表评论,它不仅帮助我,而且也帮助每个人理解如何更好地提问。尝试在ol.css
文件中添加相同的代码,该文件位于ol OverlyContainer
类中。如果你提供一个小提琴你的情况下,我们可能会帮助你更适当。