@danah/react-hook-daum-map

React Hook to makes funtional react for daum map easy. Demo

Installation

- yarn

yarn add @danah/react-hook-daum-map

- npm

npm i @danah/react-hook-daum-map

Usage

import React from "react";
import daumMap from "@danah/react-hook-daum-map";

function App() {
  const map = daumMap({
    apiKey: "Input your own API key",
    lng: 33.450701,
    lat: 126.570667,
    name: "Input your place name"
  });

  return (
    <div style={{ height: "460px", width: "630px" }}>
      <div {...map} />
    </div>
  );
}

Arguments

| Argument | Type | Required | | -------- | ------ | -------- | | api | string | yes | | lng | number | yes | | lat | number | yes | | name | string | no |

Return

react-hook-daumMap returns an object containing the following:

| Name | Type | Description | | ----- | --------- | --------------------------------------------------------------------------------------------- | | id | string | Id attribute | | ref | React Ref | A ref created to daum map | | style | Object | Style object containing {width: "100%", height: "100%"} to give to the element as a default |

It's recommended to just spread the returned object on the element as shown in the Usage section above.