Vue.js 如何在Vue2传单中的LMarker上添加id?
我想在地图上添加的每个标记上添加一个特定的id或类。 我试过不同的方法,但都不管用。标记在地图上正确显示,但类/id不正确 这是我的代码:Vue.js 如何在Vue2传单中的LMarker上添加id?,vue.js,vuejs2,leaflet,vue2leaflet,Vue.js,Vuejs2,Leaflet,Vue2leaflet,我想在地图上添加的每个标记上添加一个特定的id或类。 我试过不同的方法,但都不管用。标记在地图上正确显示,但类/id不正确 这是我的代码: <div v-for="g in listeGarages"> <l-marker :key="g.id" :lat-lng="[g.latitude, g.longitude]" :icon="defaultIcon" :cla
<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>
...
导出默认值{
名称:“MyMap”,
组成部分:{
LMap,
第三层,
马克,
LPopup,
LControlZoom
},
道具:{
李斯特车库:{
类型:数组
},
posMap:{
类型:对象
}
},
数据(){
返回{
当前日期:“”,
缩放:8.7,
ZoomComposition:“右下角”,
中心:L.latLng(46.92,6.8),
网址:'https://b.basemaps.cartocdn.com/rastertiles/voyager/{z} /{x}/{y}.png',
属性:“©;贡献者| Cartocdn”,
地图选项:{
滚轮缩放:错误,
zoomSnap:0.1,
动物控制:错误
},
默认图标:L.icon({
iconSize:[40,50],
阴影大小:[15,50],
iconRetinaUrl:require('../assets/rrgmapmarkerx2.png'),
iconUrl:require('../assets/rrgmapmarker.png'),
shadowUrl:require('传单/dist/images/marker shadow.png'))
}),
};
},
};
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: '© <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,50],
iconRetinaUrl: require('../assets/rrgmapmarkerx2.png'),
iconUrl: require('../assets/rrgmapmarker.png'),
shadowUrl: require('leaflet/dist/images/marker-shadow.png')
}),
};
},
};