tenel-react-kakao-map

스토리북 | 깃허브 | 버그 리포트

Installation

$ npm install react react-dom tenel-react-kakao-map

Getting Started

import * as React from "react";

import * as ReactDOM from "react-dom";

const App: React.FunctionComponent = () => {
  const [container, setContainer] = React.useState<HTMLDivElement>(null);
  const [mapCenter] = React.useState({ lat: 33.450701, lng: 126.570667 });

  return (
    <div ref={(ref) => setContainer(ref)} style={{ width: 800, height: 800 }}>
      {container
        ? (
          <KakaoMaps.Map
            container={container}
            center={mapCenter}
          >
            <KakaoMaps.Marker position={mapCenter}/>
          </KakaoMaps.Map>
        )
        : <span>로드중...</span>
      }
    </div>
  );
};

ReactDOM.render(<App />, document.getElementById("root"))