随着终端设备计算能力的加强,用户在使用地图的时候也需要越来越多的交互效果。比如现在很火的室内导航,为了获得好的用户体验,就需要当用户单击某一商店的时候该商店的颜色能相应的变化,这就需要叠加矢量图层。如何能在瓦片地图之上叠加矢量图层呢,这个就需要用到WFS查询。
我的思路是:基于WFS查询把得到需要矢量显示的图层中数据,然后再显示。具体思路为:
1.通过geoserver的WFS服务查询所需要矢量显示的数据信息
2.设置矢量数据的显示样式
3.openlayers添加矢量图层
4.设置鼠标移上去的颜色变化效果
// Source retrieving WFS data in GML format using AJAX
var vectorSource = new ol.source.ServerVector({
format : new ol.format.WFS({
featureNS : 'http://www.indoornavigation.com',
featureType : 'tingchewei'
}),
loader : function