Vue2Leaflet -我可以通过JavaScript创建标记而不是使用组件吗？

Question

在Vue2Leaflet's document中，必须使用<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);
  },
};

真的就是这样！