当鼠标滑过，点击地图时，高亮显示，触发事件

最新推荐文章于 2024-07-11 09:15:48 发布

绛门人

最新推荐文章于 2024-07-11 09:15:48 发布

阅读量7.2k

点赞数 1

分类专栏： openLayers

本文链接：https://blog.csdn.net/wt346326775/article/details/50951359

版权

openLayers 专栏收录该内容

14 篇文章 2 订阅

订阅专栏

回调函数

    var wfs = new OpenLayers.Layer.Vector("WFS", {
        strategies: [new OpenLayers.Strategy.Fixed()],
        projection: new OpenLayers.Projection("EPSG:4326"),
        styleMap: myStyles,
        displayInLayerSwitcher: true,
        //styleMap: new OpenLayers.StyleMap({ externalGraphic: "../images/pic_left.png", graphicOpacity: 0.3, graphicWidth: 10, graphicHeight: 10 }), 
        protocol: new OpenLayers.Protocol.WFS({
            version: "1.0.0",
            url: "http://" + WMS_ipAdress + "/geoserver/TJDG/wfs",
            featureType: "xqpostgis5326",
            featurePrefix: "TJDG",
            featureNS: "http://www.tjdg.com",
            srsName: "EPSG:4326",
            geometryName: "the_geom"
        })
    });
   
    map.addLayers([wfs]);

/*    var select =  new OpenLayers.Control.SelectFeature(
                    wfs,
                    {
                        clickout: true,
                        toggle: false,
                        multiple: false,
                        hover: false,
                        toggleKey: "ctrlKey", // ctrl key removes from selection
                        multipleKey: "shiftKey", // shift key adds to selection
                        box: true
                    }
            );
    map.addControl(select);
    select.activate();
*/

    var selecthover = new OpenLayers.Control.SelectFeature(
                    wfs,
                    {
                        toggle: true,
                        highlightOnly:true
                    }
            );
     map.addControl(selecthover);
     selecthover.activate();
     selecthover.events.on({
        'featurehighlighted': function(feature) {
             var sFch = feature.feature;
             var pt = sFch.geometry.getBounds().getCenterLonLat();
             alert(pt.lon);
             
        },
        'featureunhighlighted': function(feature) {
            //alert(1);
        }
    });