Я использую Vue2Leaflet для рисования карты в vuejs. Мне нужно несколько маркеров на карте. Из laravel у меня есть это:
{
"successgps": [
{
"technicianlocation": "48.8197017,20.3561233"
},
{
"technicianlocation": "48.4623432,19.972569"
},
{
"technicianlocation": "48.259427,19.6557401"
},
{
"technicianlocation": "48.5206828,19.8217017"
},
{
"technicianlocation": "48.8212175,20.3633202"
}
]
}
в vue2leaflet У меня есть:
<l-map
:zoom="zoom"
:center="center"
:options="mapOptions"
style="height: 80%"
@update:center="centerUpdate"
@update:zoom="zoomUpdate"
>
<l-tile-layer :url="url" :attribution="attribution" />
<l-circle-marker
v-for="(item, index) in markers"
:key="'marker-' + index"
:lat-lng="item.technicianlocation"
></l-circle-marker>
</l-map>
axios
.get("http://api/api/v1/successgps")
.then(response => {
this.markers = response.data.successgps;
});
Но я думаю, что листовке нужен этот формат:
markers: [
{ technicianlocation: latLng(48.8197017, 20.3561233) },
{ technicianlocation: latLng(48.8597017, 20.34561233) }
],
Как конвертировать данные в этот формат?