vue3 openLayer添加图标不能显示问题

Axlxhxx

已于 2024-08-29 17:12:29 修改

阅读量310

点赞数 4

文章标签：前端 javascript vue.js

于 2024-08-29 17:11:32 首次发布

本文链接：https://blog.youkuaiyun.com/creatlh/article/details/141683593

版权

//解决icon图标不能显示问题
const getImageUrl = () => {
  return new URL(`../assets/car-icon.png`, import.meta.url).href
}

  const carMarker = new Feature({
    name: 'Null Island',
    population: 4000,
    rainfall: 500,
    geometry: new Point([113.0718384697969, 27.715201828109382])
  })
  const iconStyle = new Style({
    image: new Icon({
      anchorXUnits: 'fraction',
      anchorYUnits: 'pixels',
      width: 50,
      src: getImageUrl()
    })
  })