I have features in drop down list.when I select feature in drop down it is zooming to that layer.Now I wanted to highlight that zoomed feature.how can I style the zoomed feature?
can any one help me to achieve it?
here is my zooming function:
var owsURL = "http://192.168.1.137:8080/geoserver/school/ows";var SearchResultsLayer = new ol.layer.Vector({ id: 'SearchResultsLayer', style: function (feature, resolution) { style.getText().setText(resolution < 5000 ? feature.get('') : ''); return styles; }});function Zoomto(filter, SearchResultsLayer) { var schoolname = $('#ddlschool').val(); alert(schoolname); var filter = "talukname='" + schoolname + "'"; alert(filter); $.ajax({ url: owsURL, type: 'GET', contentType: 'application/json', dataType: 'jsonp', jsonpCallback: "parseResponse", data: { typeName: "school:taluk", outputFormat: "text/javascript", service: "WFS", version: "1.1.0", request: "GetFeature", CQL_FILTER: filter }, success: function (response) { var SearchResultsLayer = new ol.layer.Vector({}); SearchResultsLayer.setSource(null); var searchresultssource = new ol.source.Vector({ features: (new ol.format.GeoJSON()).readFeatures(response, { featureProjection: "EPSG:3857" }) }); SearchResultsLayer.setSource(searchresultssource); map.getView().fit(SearchResultsLayer.getSource().getExtent(), map.getSize()); } });}
أكثر...
can any one help me to achieve it?
here is my zooming function:
var owsURL = "http://192.168.1.137:8080/geoserver/school/ows";var SearchResultsLayer = new ol.layer.Vector({ id: 'SearchResultsLayer', style: function (feature, resolution) { style.getText().setText(resolution < 5000 ? feature.get('') : ''); return styles; }});function Zoomto(filter, SearchResultsLayer) { var schoolname = $('#ddlschool').val(); alert(schoolname); var filter = "talukname='" + schoolname + "'"; alert(filter); $.ajax({ url: owsURL, type: 'GET', contentType: 'application/json', dataType: 'jsonp', jsonpCallback: "parseResponse", data: { typeName: "school:taluk", outputFormat: "text/javascript", service: "WFS", version: "1.1.0", request: "GetFeature", CQL_FILTER: filter }, success: function (response) { var SearchResultsLayer = new ol.layer.Vector({}); SearchResultsLayer.setSource(null); var searchresultssource = new ol.source.Vector({ features: (new ol.format.GeoJSON()).readFeatures(response, { featureProjection: "EPSG:3857" }) }); SearchResultsLayer.setSource(searchresultssource); map.getView().fit(SearchResultsLayer.getSource().getExtent(), map.getSize()); } });}
أكثر...