如何在Vue2Leaflet的LMarker上添加ID？

问题描述

我想在地图上添加的每个LMarker上添加特定的ID或类。我尝试了不同的方法，但没有成功。标记会正确显示在地图上，但类别/ id不会显示

这是我的代码：

<div v-for="g in listeGarages">
                <l-marker :key="g.id" :lat-lng="[g.latitude,g.longitude]" :icon="defaultIcon" :className="g.id">
                    <l-popup>
                        ...
                    </l-popup>
                </l-marker>
</div>

export default {
    name: 'MyMap',components: {
        LMap,LTileLayer,LMarker,LPopup,LControlZoom
    },props: {
        listeGarages: {
            type: Array
        },posMap: {
            type: Object
        }
    },data () {
        return {
            currentDay: '',zoom: 8.7,zoomPosition : 'bottomright',center: L.latLng(46.92,6.8),url: 'https://b.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}.png',attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors | Cartocdn',mapOptions: {
                scrollWheelZoom: false,zoomSnap: 0.1,zoomControl: false
            },defaultIcon: L.icon({
                iconSize: [40,50],shadowSize: [15,iconRetinaUrl: require('../assets/rrgmapmarkerx2.png'),iconUrl: require('../assets/rrgmapmarker.png'),shadowUrl: require('leaflet/dist/images/marker-shadow.png')
            }),};
    },};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

leaflet vue.js vue2leaflet