# daum-maps-react

> >

Latest version **1.0.1** (published 2018-10-21) · MIT license · 0 weekly downloads

## Install

```sh
npm install daum-maps-react
pnpm add daum-maps-react
yarn add daum-maps-react
bun add daum-maps-react
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2018-10-21 |
| First published | 2018-10-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=8 |
| Dependencies | 1 |
| Unpacked size | 29.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | myungjaeyu |
| Maintainers | u4bi |

## Links

- npm: https://www.npmjs.com/package/daum-maps-react
- Repository: https://github.com/myungjaeyu/daum-maps-react
- Homepage: https://github.com/myungjaeyu/daum-maps-react#readme
- Issues: https://github.com/myungjaeyu/daum-maps-react/issues
- npm.io page: https://npm.io/package/daum-maps-react

## Dependencies (1)

- [load-script](https://npm.io/package/load-script.md) ^1.0.0

## Recent versions

- 1.0.1 (latest) — 2018-10-21
- 1.0.0 — 2018-10-17

## README

# daum-maps-react

> 

[![NPM](https://img.shields.io/npm/v/daum-maps-react.svg)](https://www.npmjs.com/package/daum-maps-react) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

[![NPM Badge](https://nodei.co/npm/daum-maps-react.png?downloads=true)](https://www.npmjs.com/package/daum-maps-react)

## Install

```bash
npm install --save daum-maps-react
```

## Demo 
- https://myungjaeyu.github.io/daum-maps-react/index.html

## Usage

```jsx
import React, { Component } from 'react'

import DaumMap from 'daum-maps-react'

class Example extends Component {

    customRender = (element, daum) => {

        console.log(element, daum, this) // map element, daum api, Example Component

        const lat = 37.503716, lng = 127.044844

        daum.maps.load(_ => {

            const map = new daum.maps.Map(element, {
                center: new daum.maps.LatLng(lat, lng),
                level: 3
            })
    
            const marker = new daum.maps.Marker({
                position: new daum.maps.LatLng(lat, lng)
            })

            marker.setMap(map)

        })

    }

    render () {
        return (
            <div style={ { width: '500px', height: '500px' }}>

                <DaumMap
                    apiKey='YOUR_API_KEY'
                    mapId={ 'daum-map' }
                    render= { this.customRender }
                />

            </div>
        )
    }
}
```

## License

MIT © [myungjaeyu](https://github.com/myungjaeyu)

---
_Source: https://npm.io/package/daum-maps-react · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._