reactjs - 如何使用 react-leaflet-pixi-overlay 创建自定义图标?
问题描述
React 传单 Pixi 覆盖仅采用这些对象道具:id、位置、iconColor、popup、popupOpen、onClick 和 tooltip。那么如何创建自定义标记图标呢?没有传递图标标记的道具。
这是相同的链接https://www.npmjs.com/package/react-leaflet-pixi-overlay
有人可以帮忙吗?
解决方案
去年的“新版本”现在支持自定义图标,只需更新并像示例
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>'
},
];
推荐阅读
- modelica - 关于 Modelica 初始化的一般问题
- c++ - 如何在 C++ 中创建一个数组长度的 int?
- c# - 在通用存储库中加载导航属性
- python - 如何加载一次请求 DB 的 django 对象并在之后进行搜索
- kubernetes - 由于 403 错误,HPA 无法获取指标
- python - 是否可以使用 python 的 pynput 发送变量?
- bash - 简化对 printf bash 的重复输入
- forms - SharePoint 列表表单文本字段到下拉列表
- javascript - Javascript在2个对象数组上按键合并和替换值
- oracle - Oracle:想要将 Substring 转换为可用的、可排序的日期