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

Question

来自 Vue2Leaflet's document ，必须使用 <l-marker :lat-lng="latLng" ></l-marker> 创建标记.

但是，有些需要让我必须从 JavaScript 而不是从 <template></template> 创建标记.那么，我可以使用类似 Google map 的语法吗？ (即，

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);
  },
};

原来如此!