javascript - 开放层 3 : How to change/set the style of vector map

Question

我正在尝试从室内矢量图上删除所有线条。我不确定如何使用样式来做到这一点。有人可以指导我吗？

这是我如何设置 map 的代码:

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 方法来循环遍历要素并单独设置样式，或者有没有办法在 map 上设置全局样式？我认为矢量在未定义任何样式时采用默认样式，如何创建没有描边或填充的样式，然后将其设置为矢量 map 的样式？

谢谢

Answer 1

这是从 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);