Text 如何使用OpenLayers 3随视图旋转文本

Text 如何使用OpenLayers 3随视图旋转文本,text,view,rotation,openlayers-3,Text,View,Rotation,Openlayers 3,我正在开发一个导航应用程序,它在地图上绘制计划路线。计划路线由与线路相连的点组成。每个点都标有距离和方向。当我最初在地图上绘制路线时,我会以一种不会干扰线条的方式计算文本位置——我使用偏移量x、偏移量和旋转样式属性。不幸的是,当地图视图被旋转时,所提到的属性中没有一个被改变-文本没有被旋转。有没有办法,如何用视图旋转文本,使其保持在相对于点的位置上?我已经尝试了rotateWithView:对图像和文本部分都适用 我的风格定义如下: return[新ol.style.style({ 图片:新ol

我正在开发一个导航应用程序,它在地图上绘制计划路线。计划路线由与线路相连的点组成。每个点都标有距离和方向。当我最初在地图上绘制路线时,我会以一种不会干扰线条的方式计算文本位置——我使用偏移量x、偏移量和旋转样式属性。不幸的是,当地图视图被旋转时,所提到的属性中没有一个被改变-文本没有被旋转。有没有办法,如何用视图旋转文本,使其保持在相对于点的位置上?我已经尝试了rotateWithView:对图像和文本部分都适用

我的风格定义如下:

return[新ol.style.style({
图片:新ol.style.Circle({
半径:20,
填充:新的ol.style.fill({color:'black'}),
笔划:新的ol.style.stroke({颜色:'black',宽度:1})
}),
文本:新的ol.style.text({
textAlign:“居中”,
text基线:“中间”,
字体:“普通1.5rem Arial”,
文本:“这是我的文本”,
填充:新的ol.style.fill({color:'black'}),
笔划:新的ol.style.stroke({color:'black',width:1}),
抵销额:10,
副职:15,
轮换:0.3
})
})];

在地图视图属性更改事件上更新要素旋转

map.getView().on('propertychange',函数(事件){
setRotation(this.getRotation());
mySource.changed();
});
var textStyle=新的ol.style.Text({
// ...
});
var layer=新ol.layer.Vector({
资料来源:mySource,
风格:新的ol风格({
text:textStyle,
// ...
})
});