# dabeeomaps_library
- DabeeoMap Studio Api Library

## Demo 
### Demo Page (Samsungdong)
https://github.com/user-attachments/assets/a7d24bfa-6689-43b4-9b7d-8b2bb84812b0

### Demo Page (Office)
![Screenshot 2025-06-18 at 3 57 40 PM](https://github.com/user-attachments/assets/b516f8f1-ed21-4d7b-8fa3-3025032c1525)

https://github.com/user-attachments/assets/8a6d55e9-5697-47ac-b9c3-6d9c15c78c62


## Dabeeomaps viewer
-   DemoPage: https://demo.dabeeomaps.com/
-   HomePage : <https://www.dabeeo.com>
-   Developers' guide :[https://api-sample.dabeeomaps.com/](https://api-sample.dabeeomaps.com/)
-   API Reference : [http://api-doc.dabeeomaps.com/](http://api-doc.dabeeomaps.com/)

### NPM install

```
npm i dabeeomaps
```

### 로컬 실행
```
# http://localhost:9090/unitTest
npm run dev
```

### JS Code example

```javascript
import { Maps } from 'dabeeomaps';

const dabeeoMaps = new Maps();

async function init() {

    const mapData = await dabeeoMaps.getMapData({
        clientId: '75hb8YSnAokb-sZ04aDR91',
        clientSecret: '0f7ad84f160c7b3fd1849a7920af718b',
    });
    const mapContainer = document.getElementById('map');

    const mapOption = Object.assign({});
    const map = await dabeeoMaps.showMap(mapContainer, mapOption, mapData);
}

init();
```


### TS Code example

dabeeomaps includes [Typescript](https://www.typescriptlang.org/) definitions and a type guard.


```typescript
import { Maps, DabeeoMap } from 'dabeeomaps';

const dabeeoMaps: Maps = new Maps();

async function init() {    

    const mapData: DabeeoMapData = await dabeeoMaps.getMapData({
        clientId: '75hb8YSnAokb-sZ04aDR91',
        clientSecret: '0f7ad84f160c7b3fd1849a7920af718b',
    });
    const mapContainer = document.getElementById('map');

    const mapOption = Object.assign({});
    const map: DabeeoMap = await dabeeoMaps.showMap(mapContainer, mapOption, mapData);
}

init();
```


## Sample
Full reference documentation coming soon. For now, take a look at the reference on the dabeeomaps react demo
- [dabeeomaps-react-ts-sample](https://github.com/dabeeo/dabeeomaps_library_typescript_sample)