설치하기

설치방법

yarn

yarn add vue3-naver-maps

#for typescript users
yarn add -D @types/navermaps

npm

npm install vue3-naver-maps --save

#for typescript users
npm install @types/navermaps --save-dev

안내

타입스크립트를 사용하지 않는다면, @types/navermaps는 설치하지 않으셔도 괜찮습니다.

설정방법

main.{js|ts}에서 아래와 같이 설정하면 사용 가능합니다. 자세한 옵션에 대한 설명은 레퍼런스를 참고해주세요.

// main.js
import { createApp } from "vue";
import App from "./app.vue";
import { createNaverMap } from "vue3-naver-maps";

const app = createApp(App);

app
  .use(createNaverMap, {
    clientId: "your clientId", // Required
    category: "ncp", // Optional
    subModules: [], // Optional, "panorama" | "geocoder" | "drawing" | "visualization"
  })
  .mount("#app");