javascript - 访问在另一个组件中定义的地图

Question

我正在使用传单开发地图，现在我正在尝试将地图访问到组件 polyline.vue 中的 map.vue 中。

在地图的组件中，我创建了这样的地图：

<l-map v-if="showMap" ref="map" :zoom="zoom" :center="center" :options="mapOptions" style="height: 80%" @update:center="centerUpdate" @update:zoom="zoomUpdate">

但我想使用库 GeometryUtil （http://makinacorpus.github.io/Leaflet.GeometryUtil/global.html#distance）的功能距离，为此我需要地图。

我可以this.$refs.map.mapObject在另一个组件中使用，还是有另一种方式，比如 v-bind 或类似的东西？

感谢你们对我的帮助 ！

标签： javascriptvue.jsleaflet