JavaScript

[Openlayers] Style 변경 및 Layer 발행

로춘남 2021. 4. 29. 18:27
728x90

Map 위에 Layer를 생성하고, Style를 변경해줄때 필요한 부분

var styles = [
		new ol.style.Style({
			stroke: new ol.style.Stroke({
			color: '#fc8d16',
			width: 6,
					}),
				})
			];
						 
					
var featureSource = new ol.source.Vector({
							
				});
						
var featureLayer = new ol.layer.Vector({
		source: featureSource, //생성한 Source를 포함하여 layer 생성
		style: styles, //style 적용
	});
						
var multiPointFeature = new ol.Feature({
		geometry: new ol.geom.MultiPoint(pnt)
		}); 
						
var LineString = new ol.Feature({
		geometry: new ol.geom.LineString(pnt)				
		});
        
  //Point와 Line형태의 Layer 생성
						
featureSource.addFeature(multiPointFeature);
featureSource.addFeature(LineString);
// 한건식 담아줄때는 addFeature();
// 여러개를 담아줄때는 addFeatures(); 를 사용하면됨.
// featureSource.addFeatures([pointFeature, multiPointFeature]);
						
map.addLayer(featureLayer); //map 위에 layer 발행

Openlayers 보면 볼수록 익숙해지는 녀석이군..

728x90