`<template>`
...
`<div class="mapApiWrap">`
`<vue-daum-map
:appKey="appKey"
:center.sync="center"
:level.sync="level"
:mapTypeId="mapTypeId"
:libraries="libraries"
@load="onLoad"
@center_changed="onMapEvent('center_changed', $event)"
@zoom_start="onMapEvent('zoom_start', $event)"
@zoom_changed="onMapEvent('zoom_changed', $event)"
@bounds_changed="onMapEvent('bounds_changed', $event)"
@click="onMapEvent('click', $event)"
@dblclick="onMapEvent('dblclick', $event)"
@rightclick="onMapEvent('rightclick', $event)"
@mousemove="onMapEvent('mousemove', $event)"
@dragstart="onMapEvent('dragstart', $event)"
@drag="onMapEvent('drag', $event)"
@dragend="onMapEvent('dragend', $event)"
@idle="onMapEvent('idle', $event)"
@tilesloaded="onMapEvent('tilesloaded', $event)"
@maptypeid_changed="onMapEvent('maptypeid_changed', $event)"
style="width:100%;height:100%;"
>`
`</vue-daum-map>`
`</div>`
...
`</template>`
`<script>`
`import VueDaumMap from "vue-daum-map";`
`export default {
components: {
VueDaumMap
},
data: function() {
return {
center: { lat: 37.5411, lng: 127.068 },
level: 3,
mapTypeId: VueDaumMap.MapTypeId.NORMAL,
libraries: [],
mapObject: null
};
}
}`
vue-daum-map 을 이용하여 다음과 같이 구현을 하였는데요,
- data에서 center에 정의한 좌표값을
<template>
안의<vue-daum-map>
내에서 직접 입력하려면 어떻게 해야할까요?? - vue-daum-map을 이용하여 marker를 구현하는 방법이 없을까요?