openlayers 3

[openlayers] WFS으로 호출하는 레이어의 범례를 설정해보자

OpenLayers2 아닙니다! 지난 게시글에 이어 POC 수행 중에 WFS로 가져오는 레이어의 범례를 설정하고자 할 때 그 방법에 대한 게시글이 많이 안보여서 정리해보려고 한다. GeoServer의 벡터 레이어에 스타일을 설정하고 WFS 방식으로 가져오면 레이어의 스타일이 Default로 보여지는 것을 확인할 수 있다. SLD를 설정한 뒤 범례대로 데이터를 보고싶다면 WMS 방식으로 가져와야 하는데, 이러면 Feature의 Attributes를 가져올 수 없으므로 이 방법은 꽝이다. (WMS는 이미지 서비스이므로 불가능..) 자 그럼. WFS 방식으로 레이어를 가져올 때 openlayers에서 범례를 설정하고 싶다면? Geoserver의 SLD는 WFS방식으로 Layer 호출 시 적용이 안 됩니다. 그..

기술공부 2022.06.15

[openlayers 3] 레이어 이벤트 핸들러 등록하기

최근 POC 수행중인 프로젝트가 하나 있다. 이 때 LayerSwitcher를 활용하여 레이어 on/off를 구현하였는데, 이 때 각 레이어가 on/off 될 때 이벤트를 등록하고 싶다면 아래 이벤트 핸들러를 활용하면 된다. LayerName.on('change:visible', (e) => { if(e.target.values_.visible) // do something when the visible option is true else // do something when the visible option is false }); 이와 비슷하게 여타 속성들에 대해서도 적용 가능할 것 같다. ol3 LayerSwitcher 활용법은 아래를 참고. GitHub - walkermatt/ol-layerswit..

기술공부 2022.06.14

[TMS] Tilemap을 활용하여 google basemap을 ol3에 올려보자

OpenLayers2에서는 basemap으로 google map을 설정할 수 있도록 지원하고 있으나 OpenLayers 3(통상 ol이라고 부르는 ol3이상의 버전)부터는 지원하지 않는다. 예를 들면 이런 식. OpenLayers2 var map = new OpenLayers.Map('map_target_element', { projection: 'EPSG:3857', // google map srs layer: new OpenLayers.Layer.Google( "Google Streets" // the default ), center: new OpenLayers.LonLat(x, y), // x, y coords must be epsg:3857 zoom: 5 }); Default는 google str..

기술공부 2022.06.06
728x90
반응형