Openlayers怎么实现鼠标经过显示这种样式

答案:1 悬赏:40 手机版

解决时间 2021-12-02 19:04

提问者网友：却不属于对方
2021-12-02 08:01

最佳答案

五星知识达人网友：長槍戰八方
2021-12-02 08:18

openlayers的example下的feature-events是样例首先在创建图层的时候传入styleMap 当然里面定义了default 和select 的样式，然后在feature的事件中选择它的渲染样式重绘。
e.feature.renderIntent = "select"; //渲染样式
e.feature.layer.drawFeature(e.feature) //重绘

var layerListeners = {
featureover: function(e) {
e.feature.renderIntent = "select";
e.feature.layer.drawFeature(e.feature);
log("Map says: Pointer entered " + e.feature.id + " on " + e.feature.layer.name);
},
featureout: function(e) {
e.feature.renderIntent = "default";
e.feature.layer.drawFeature(e.feature);
log("Map says: Pointer left " + e.feature.id + " on " + e.feature.layer.name);
}
};

var style = new OpenLayers.StyleMap({
'default': OpenLayers.Util.applyDefaults({
label: "${l}",
pointRadius: 10
},
OpenLayers.Feature.Vector.style["default"]
),
'select': OpenLayers.Util.applyDefaults({
pointRadius: 10
},
OpenLayers.Feature.Vector.style.select
)
});
var layer1 = new OpenLayers.Layer.Vector("Layer 1", {
styleMap: style,
eventListeners: layerListeners
});
layer1.addFeatures([
new OpenLayers.Feature.Vector(OpenLayers.Geometry.fromWKT("POINT(-1 -1)"), {
l: 1
}),
new OpenLayers.Feature.Vector(OpenLayers.Geometry.fromWKT("POINT(1 1)"), {
l: 1
})
]);
var layer2 = new OpenLayers.Layer.Vector("Layer 2", {
styleMap: style,
eventListeners: layerListeners
});

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息