openlayers에서 배경지도에 있는 feature 좌표를 가져오려고 합니다.

Question

입사한지 3개월된 초보입니다.브이월드 배경지도 띄우고 원하는 좌표에 마커를 만드는 것까지는 성공했습니다.function addMarker(lon, lat, name){ var feature &#61; new ol.Feature({ geometry: new ol.geom.Point(ol.proj.fromLonLat([lon, lat])), name: name });이렇게 addMarker 함수를 호출하면 값을 받아서 feature를 만드는데여러개의 feature를 만들고서 name 값으로 특정 feature를 선택해 좌표를 가져올 수는 없을까요??지도에 버튼을 만들고 버튼을 누르면 해당 마커 위치로 이동하는 기능을 만드려고 합니다!바쁘시겠지만 고수님들 답변 부탁드립니다!

RWB · Answer

OL의 버전이 정확히 몇인지 언급하지 않으셔서, 최신인 7버전 기준으로 말씀드리겠습니다.3까지는 어느정도 통용될건데, 2 이하일 경우 많이 다를 수 있습니다.구조를 이해하시면 편합니다. 지도의 각 요소를 Feature라 부를 수 있고,Feature가 모여 하나의 Source가 됩니다. (SHP든, GeoJSON이든..)이 Source가 특정 Layer에 담기고, 해당 레이어를 Map 객체에 넣어 표시하는 방식입니다.이 구조를 이해하신다면, 나중에 비슷한 일이 있을 경우, 어딜 건드려야 할지 대강 아실 수 있을겁니다.// 전체 소스가 없어서, 레이어는 생략합니다. const layer &#61; new Layer(); const selected &#61; layer.getSource().getFeatures().find(i &#61;> i.get('name') &#61;&#61;&#61; '원하는 값');대강 요런식으로 하시면 될겁니다.조금 웃길 순 있는데, 예전에 OL 정리하면서 기록해놓은 자료가 있습니다.https://blog.itcode.dev/projects/2022/03/03/gis-guide-for-programmer-1https://project.itcode.dev/gis-dev/ 하나는 블로그고, 다른 하나는 샘플 페이지입니다.블로그는 분량이 많아서, 시리즈 보시고 필요한 부분만 취사선택해서 보시는 게 빠르실거고,샘플 페이지는 블로그 글의 내용을 실제로 구현한 페이지입니다.레포 링크 타셔서 소스도 확인하실 수 있습니다.엄청 큰 도움은 안 되실건데, 그래도 없는 것보단 나을겁니다.혹시라도 보시고 궁금한 거 있으시면 말씀해주세요.

openlayers에서 배경지도에 있는 feature 좌표를 가져오려고 합니다.

1개의 답변

#openlayers 목록