vue3 + openlayers---仿高德导航-箭头线

小汪同学→_→

已于 2024-06-02 10:05:48 修改

阅读量810

点赞数 21

分类专栏： webGis-openlayers 文章标签： vue.js webgl

于 2024-06-02 10:03:16 首次发布

本文链接：https://blog.youkuaiyun.com/QDxin_xyz/article/details/139386218

版权

在这里插入图片描述

import arrow from '@/assets/image/leftArrow.png'

// 样式
function arrowLineStyles(feature, resolution) {
   
  let styles = []
  // 线条样式
  let backgroundLineStyle = new Style({
   
    stroke: new Stroke({
   
      color: 'green',
      width: 10
    })
  })
  styles.push(backgroundLineStyle)
  let geometry = feature.getGeometry()
  // 获取线段长度
  const length = geometry.getLength()
  // 箭头间隔距离（像素）
  const step = 50