zeakd / react-naver-maps

React Navermaps API integration for modern development.
https://zeakd.github.io/react-naver-maps/
119 stars 23 forks source link

TypeError: OverlayView is not a constructor #82

Closed Anemos closed 2 years ago

Anemos commented 2 years ago

<NaverMap mapDivId={'maps-getting-started-uncontrolled'} // default: react-naver-map style={{ width: '100%', // 네이버지도 가로 길이 height: '40vh' // 네이버지도 세로 길이 }} defaultCenter={{ lat: Number(props.ref_lat), lng: Number(props.ref_lng) }} // 지도 초기 위치 defaultZoom={props.defalt_zoom} // 지도 초기 확대 배율

<Marker title="사용자의 현위치" key={0} position={new navermaps.LatLng(latitude, longitude)} animation={2} icon={icon} />

   <Overlay
      lat={35.705087}
      lng={128.457693}
      zIndex={200}
      onClick={e => {
        console.log('overclick')
        e.stopPropagation()
      }}>
      <MyMarker num={7} />
    </Overlay>

위의 소스를 실행시켰는데 Overlay 만 적용하면 아래와 같은 에러가 발생합니다. 원인을 못 찾겠어요.

TypeError: OverlayView is not a constructor Overlay.createOverlay D:/django_project/fe_robotaxi/node_modules/react-naver-maps/dist/react-naver-maps.esm.js:669 666 | OverlayView = _this$props.OverlayView, 667 | map = _this$props.map, 668 | registerEventInstance = _this$props.registerEventInstance;

669 | var overlay = new OverlayView({ | ^ 670 | map: map 671 | }); 672 | registerEventInstance(overlay); View compiled Overlay.render D:/django_project/fe_robotaxi/node_modules/react-naver-maps/dist/react-naver-maps.esm.js:690 687 | key: "render", 688 | value: function render() { 689 | if (!this.overlay) { 690 | this.overlay = this.createOverlay(); | ^ 691 | } 692 | 693 | this.updateOverlay(this.overlay); View compiled finishClassComponent D:/django_project/fe_robotaxi/node_modules/react-dom/cjs/react-dom.development.js:17485 17482 | } else { 17483 | { 17484 | setIsRendering(true); 17485 | nextChildren = instance.render(); | ^ 17486 | 17487 | if ( workInProgress.mode & StrictMode) { 17488 | disableLogs(); View compiled

Anemos commented 2 years ago

잘못 올렸습니다. 다른 모듈과 구분을 못했네요.