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