Vue2Leaflet - Могу ли я создавать маркеры с помощью JavaScript вместо использования компонентов?

Question

Из документа Vue2Leaflet , маркер должен быть создан с использованием <l-marker :lat-lng="latLng" ></l-marker>.

Однако есть некоторая необходимость, которая заставляет меня создавать маркер из JavaScript, а не из <template></template>.Итак, могу ли я использовать такой же синтаксис, как Google Maps?(то есть

new google.maps.Marker({
  position: latLng,
  map: map,
});

Спасибо!

Answer 1

Я получил это работает.Вот что я сделал (отрывок):

<template>
  <l-map ... ref="myMap"></l-map>
</template>

import L from 'leaflet'
import * as Vue2Leaflet from 'vue2-leaflet';
...

export default {
  ...,
  mounted() {
    const map = this.$refs.myMap.mapObject;
    L.marker([13.76, 100.5]).addTo(map);
  },
};

Вот и все!