Closed zeakd closed 5 years ago
일단 Naver maps 모듈은 행정구역 폴리곤 좌표를 제공하지 않으므로 폴리곤으로 행정구역을 그리기 위해서는 좌표를 넘겨주는 데이터는 직접구성하셔야합니다.
0.0.9 버전의 경우는 <Marker />
와 <Polygon />
컴포넌트가 있는데 props
는 naver maps에서 제공하는 option들과 동일합니다.
그리고 이 컴포넌트들을 children
으로 넘겨주면 됩니다. 예를들면 37.3595704, 127.105399 에 마커를 찍고싶다고 하면
...
<NaverMap
style={{ width: "400px", height: "500px" }}
zoom={zoom}
onZoomChanged={this.handleZoomChanged}
center={center}
onCenterChanged={this.handleCenterChanged}
>
<Marker
position={new navermaps.LatLng(37.3595704, 127.105399)}
/>
</NaverMap >
이처럼 됩니다. 사용할 수 있는 다른 옵션들은 Naver Maps 문서를 참고해주세요
Marker Options Polygon options
넣을 수 있는 값, 형식 모두 naver maps docs에 있는 것과 동일합니다.
참고로 이벤트의 경우는 onCamelCasedEvent 의 형태로 관리합니다. 문서에 적혀있는 이벤트는 모두 사용가능합니다.
그런데 0.0.10 버전을 준비중이고 Api가 변경되며 문서도 곧 업데이트 될 예정이기 때문에, 혹시 production용으로 개발 중이시라면 조금 기다려주세요.
친절한 답변 감사드립니다. 말씀하신대로 적용하여, marker 생성까진 완료되었습니다. close해주셔도 될 것같습니다.
혹시 0.0.10 버전은 언제 올라올 지 알 수 있을까요?!
@lotty02cho 제가 지금 쪼금 바쁜상태라 확답은 못드리겠네요. 혹시 주로 쓰시는 컴포넌트 등을 먼저 얘기해주시면 먼저 반영하겠습니다.
@lotty02cho