微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在Vue2Leaflet的LMarker上添加ID?

如何解决如何在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 举报,一经查实,本站将立刻删除。