我试图在满足特定条件时在 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)