dabeeomaps

dabeeomaps_library

• DabeeoMap Studio Api Library

Demo

Demo Page (Samsungdong)

https://github.com/user-attachments/assets/a7d24bfa-6689-43b4-9b7d-8b2bb84812b0

Demo Page (Office)

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/
• API Reference : http://api-doc.dabeeomaps.com/

NPM install

npm i dabeeomaps

로컬 실행

# http://localhost:9090/unitTest
npm run dev

JS Code example

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 definitions and a type guard.

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