美文网首页开源
openlayers 文字竖直显示

openlayers 文字竖直显示

作者: happy_port | 来源:发表于2022-02-19 10:18 被阅读0次
image.png
 const startPoint = [132, 28];
      const style = new ol.style.Style({
        text: new ol.style.Text({
          font: "bold 14px Calibri,sans-serif",
          scale: 1,
          text: "",
          fill: new ol.style.Fill({ color: "green" }),
        }),
      });
      ["48", "小", "时", "警", "戒", "线"].forEach((item, index) => {
        const feature = new ol.Feature({
          geometry: new ol.geom.Point([startPoint[0], startPoint[1] - index * 0.1]),
        });
        const st = style.clone();
        st.getText().setText(item);
        feature.setStyle(st);
        source.addFeature(feature);
      });

      const feature = new ol.Feature({
        geometry: new ol.geom.Point([startPoint[0] + 0.2, startPoint[1]]),
      });
      const st = style.clone();
      st.getText().setText("24\n小\n时\n警\n戒\n线");
      feature.setStyle(st);
      source.addFeature(feature);

相关文章

网友评论

    本文标题:openlayers 文字竖直显示

    本文链接:https://www.haomeiwen.com/subject/zuoulrtx.html