Question

反应传单Pixi叠加层仅采用以下对象道具：id，位置，iconColor，弹出窗口，popupOpen，onClick和工具提示。那么如何创建自定义标记图标呢？没有通过图标标记的道具。

以下是同一https://www.npmjs.com/package/react-leaflet-pixi-overlay

的链接

任何人都可以帮忙吗？

Answer 1

去年的“新版本”现在支持自定义图标，只需更新并像示例一样操作
https://github.com/knapcio/react-leaflet-pixi-overlay#custom-icon

const markers = [{
            id: 'someIDUniqueToMarker',
            iconId: 'someIDUniqueToIcon', // used for cache
            customIcon:  '<svg style="-webkit-filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .4));filter: drop-shadow( 1px 1px 1px rgba(0, 0, 0, .4));" xmlns="http://www.w3.org/2000/svg" fill="red" width="36" height="36" viewBox="0 0 24 24"><path d="M12 0c-4.198 0-8 3.403-8 7.602 0 6.243 6.377 6.903 8 16.398 1.623-9.495 8-10.155 8-16.398 0-4.199-3.801-7.602-8-7.602zm0 11c-1.657 0-3-1.343-3-3s1.342-3 3-3 3 1.343 3 3-1.343 3-3 3z"/></svg>'
        },
    ];

如何使用react-leaflet-pixi-overlay创建自定义图标？

1 个答案: