如何解决如何将其他图标应用于克隆的功能
我已经实现了绘制图标而不是常规形状的功能,如下图所示:
我的意图是在此功能(以及许多其他功能)旁边添加一个图标警报。因此,要尝试实现此目的,我将克隆功能并尝试以创建的样式应用其他图像,例如以下代码:
export const setIconEffect = (feature: Feature,event: any) => {
const vectorContext = getVectorContext(event);
// clone the feature geometry
const flashGeom = feature.getGeometry().clone();
// creates a new style to be applied into this cloned feature
const style = new Style({
image: new Icon({
src: 'assets/images/mapElements/warning-icon.png',scale: 0.1,imgSize: toSize(500),anchorOrigin: IconOrigin.BOTTOM_RIGHT,anchor: [1.8,0.05],}),});
// set it into the cloned geometry
vectorContext.setStyle(style);
vectorContext.drawGeometry(flashGeom);
};
问题在于,当我尝试应用其他src
时,它不起作用,但是,如果我使用相同的src
,则它起作用了。
应用其他src
只会照常显示标记。
应用相同的src
可以正确绘制图标,但是可以复制(但这不是目的)。下面的示例:
解决方法
定义样式后,我们需要执行以下操作来强制加载图像:
style.getImage().load();
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。