листовка с несколькими маркерами json - PullRequest
0 голосов
/ 21 июня 2020

Я использую 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) }
      ],

Как конвертировать данные в этот формат?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...