openlayers3 在地图上叠加WFS查询矢量图层

随着终端设备计算能力的加强，用户在使用地图的时候也需要越来越多的交互效果。比如现在很火的室内导航，为了获得好的用户体验，就需要当用户单击某一商店的时候该商店的颜色能相应的变化，这就需要叠加矢量图层。如何能在瓦片地图之上叠加矢量图层呢，这个就需要用到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