Есть у меня Api/MarkerController который принимает данные из таблицы markers БД и отдает в функцию getMarkers(). Что нужно сделать дальше, чтобы инициализировать переменную marker.lng - я не знаю.
Если прописываю так, то получаю ошибку в консоли:
Error in data(): "ReferenceError: marker is not defined"
мой шаблон c axios:
<template>
<gmap-map id="map"
:center="center"
:zoom="15"
>
<gmap-marker
:key="index"
v-for="(m, index) in markers"
:position="m.position"
:clickable="true"
:draggable="true"
@click="center=m.position"
></gmap-marker>
</gmap-map>
</template>
<script>
import axios from 'axios'
export default {
data () {
return {
center: {lat: 45.101637, lng: 38.986345},
markers: [{
position: {lat: 45.10, lng: `${marker.lng}` }
}, {
position: {lat: 45.105, lng: 38.98}
}]
}
},
mounted()
{
let vm = this
vm.getMarkers();
},
methods: {
getMarkers() {
let vm = this
axios.get('/api/markers')
.then(function(response) {
vm.markers = response.data.data
})
},
}
}
</script>