Javascript OpenLayers 3:如何更改/设置矢量地图的样式

Javascript OpenLayers 3:如何更改/设置矢量地图的样式,javascript,maps,vector-graphics,openlayers-3,Javascript,Maps,Vector Graphics,Openlayers 3,我正在尝试从室内矢量地图中删除所有线条。我不知道如何使用样式来实现这一点。有人能在这方面指导我吗 以下是我如何设置地图的代码: var vector = new ol.layer.Vector({ source: new ol.source.Vector({ url: MAPS_URL + 'map.kml', format: new ol.format.KML() }) }); var map = new ol.Map({ layers:

我正在尝试从室内矢量地图中删除所有线条。我不知道如何使用样式来实现这一点。有人能在这方面指导我吗

以下是我如何设置地图的代码:

var vector = new ol.layer.Vector({
    source: new ol.source.Vector({
        url: MAPS_URL + 'map.kml',
        format: new ol.format.KML()
    })
});

var map = new ol.Map({
  layers: [vector],  
  target: 'floormap',
  interactions: ol.interaction.defaults({mouseWheelZoom:false}),
  view: new ol.View({
      center: [0, 0],          
      zoom: 15,
      minZoom: 15,
      maxZoom: 18
    })    
}); 
我是否必须使用foreachfeature方法循环遍历特征并单独设置样式,或者是否有方法在地图上设置全局样式?我认为向量在没有定义的情况下采用默认样式,如何创建没有笔划或填充的样式,然后将其设置为向量贴图的样式


谢谢

这是解决方案,来自Jonatas提供的链接

var stroke = new ol.style.Stroke({
    color: 'rgba(255, 204, 0, 0)',
    width: 0,
});

var style = new ol.style.Style({
    stroke: stroke
});


vector = new ol.layer.Vector({
    source: new ol.source.Vector({
        url: MAPS_URL + maps[map_id],
        format: new ol.format.KML({
            extractStyles: false
        })
    }),
    style: style
});        

map.addLayer(vector);

以下是解决方案,从Jonatas提供的链接中获得

var stroke = new ol.style.Stroke({
    color: 'rgba(255, 204, 0, 0)',
    width: 0,
});

var style = new ol.style.Style({
    stroke: stroke
});


vector = new ol.layer.Vector({
    source: new ol.source.Vector({
        url: MAPS_URL + maps[map_id],
        format: new ol.format.KML({
            extractStyles: false
        })
    }),
    style: style
});        

map.addLayer(vector);

以下是解决方案,从Jonatas提供的链接中获得

var stroke = new ol.style.Stroke({
    color: 'rgba(255, 204, 0, 0)',
    width: 0,
});

var style = new ol.style.Style({
    stroke: stroke
});


vector = new ol.layer.Vector({
    source: new ol.source.Vector({
        url: MAPS_URL + maps[map_id],
        format: new ol.format.KML({
            extractStyles: false
        })
    }),
    style: style
});        

map.addLayer(vector);

以下是解决方案,从Jonatas提供的链接中获得

var stroke = new ol.style.Stroke({
    color: 'rgba(255, 204, 0, 0)',
    width: 0,
});

var style = new ol.style.Style({
    stroke: stroke
});


vector = new ol.layer.Vector({
    source: new ol.source.Vector({
        url: MAPS_URL + maps[map_id],
        format: new ol.format.KML({
            extractStyles: false
        })
    }),
    style: style
});        

map.addLayer(vector);

你查过了吗?没有,我太懒了。我将在下面添加一些工作代码。你检查了吗?不,我太懒了。我将在下面添加一些工作代码。你检查了吗?不,我太懒了。我将在下面添加一些工作代码。你检查了吗?不,我太懒了。我将在下面添加一些工作代码