i want to add some Markers from coordinates stored in a supabase database colomn.
Here is my vue code:
<l-marker v-for="(marker, index) in markers" :key="index" ref="markersRef" :lat-lng="marker.position"></l-marker>
im script:
export default {
async created() {
const { data: events, error } = await this.$supabase
.from('events')
.select('coordinates')
this.markers = events
this.loaded = true
console.log(this.markers)
},
data: () => ({
markers: [],
}),
}
if i output markes, the rusult is:
[ { “coordinates”: “lat: 59.339025, lng: 18.065818” }, { “coordinates”: “lat: 59.923043, lng: 10.752839” } ]
i hope you can help me. thanks.