vue中使用OpenLayers（三）：绘制文字叠加和相对位置的调整

vue中使用OpenLayers（三）：绘制文字叠加和相对位置的调整

第一步 引入需要js

之前我已经引过了，现在就不引了，想知道了直接看上一章

第二步

          let rome;
          rome = new Feature({
            data: item,
            lnglat: [item.lng, item.lat],//坐标
            geometry: new Point(fromLonLat([item.lng, item.lat]))
          });
          rome.setStyle([new Style({
              text: new Text({
                textAlign: "center",
                textBaseline: "middle",
                font: " 12px serif",
                text: "编号：" + item.towerNumber,//这里是要写的内容分
                fill: new Fill({
                  color: "#eee"
                }),
                stroke: new Stroke({ color: "rgba(255,255,255,0)" }),
                offsetX: 0,
                offsetY: -50,//调整相对位置
                rotation: 0
              })