如何在OpenLayers VectorLayer

时间:2019-10-23 04:35:31

标签: css svg openlayers

我正在使用当前版本的OpenLayers,并且已经使用GeoJSON源创建了VectorLayer。然后,我将一种样式应用于该图层,为该图层上的每个功能应用一个SVG图标。

这很好,但是,现在我正尝试通过SVG元素的CSS样式修改功能状态。我以前已经使用嵌入式SVG标签(并非在OpenLayers上)完成了此操作,并且所有工作都按预期进行。

在OpenLayers中,我使用GeoJSON数据作为点添加了一个新的VectorLayer,该数据使用CSS类进行了样式设置。我创建了一个新的样式(图标)以对每个图层要素进行样式设置。此图标是SVG图片。 即)

// Code Snippet 

const myStyle = new Style();
const icon = new Icon({
    src: 'svgIcon.svg';
    ...
});
myStyle.setImage(icon);
myLayer.setStyle(myStyle);

我尝试了一个HTML页面,CSS文件和外部SVG文件,并且看到将svg图像用作标签中的SRC时,样式无效,但在嵌入式标签上可以正常工作。 / p>

那么,有人对我如何使用SVG样式的要素图层并继续修改图像样式类以轻松呈现替代状态有任何建议吗?

谢谢...

0 个答案:

没有答案