<div id="app">
<yandex-map
:coords="coords"
:zoom="10"
@click="onClick"
>
<ymap-marker
:coords="coords"
marker-id="123"
hint-content="some hint"
/>
</yandex-map>
</div>
#app {
width: 100%;
height: 100vh;
}
.ymap-container {
height: 100%;
}
new Vue({
el: '#app',
data: {
coords: [
54.82896654088406,
39.831893822753904
]
},
methods: {
onClick(e) {
this.coords = e.get('coords');
}
}
})
This Pen doesn't use any external CSS resources.