小编dav*_*ami的帖子

如何在 Deck.gl 的 IconLayer 中渲染自定义 svg

我试图在满足特定条件时在 iconLayer 中渲染自定义 svg,在此示例中,https://deck.gl/gallery/icon-layer我的 getIcon 选项是

getIcon: (d) => ({
      url: './glow.svg',
      width: 128,
      height: 128
    }),
Run Code Online (Sandbox Code Playgroud)

我认为 url 应该是我想要渲染的图像的路径但是,地图上没有显示任何内容。

完整的组件是

import { IconLayer } from "@deck.gl/layers";
import icons from "../assets/images/monsoon_icons.png";

const COLORS = {
  ...colors
};

const ICON_MAPPING = {
  circle: { x: 0, y: 0, width: 70, height: 70, mask: true },
  rectangle: { x: 70, y: 0, width: 70, height: 70, mask: true },
  triangle: { x: 140, y: 0, width: 70, height: 70, mask: …
Run Code Online (Sandbox Code Playgroud)

reactjs mapbox-gl deck.gl

3
推荐指数
1
解决办法
4258
查看次数

标签 统计

deck.gl ×1

mapbox-gl ×1

reactjs ×1