handleSelect(e) {
console.log(e); // 包含经纬度信息
var markerIcon = ''
var markerSrc = '/img/searchIcon/searchEvent.png'
markerIcon = L.divIcon({
className: 'markerBox',
html: '<div><img class="eventMarker" src=' + markerSrc + ' /></div>', // marker标注
iconSize: [40, 40],
iconAnchor: [20, 40] // marker宽高
})
this.searchMarker = new L.Marker(
{lat: Number(e.latitude), lng: Number(e.longitude)},
{icon: markerIcon}
);
console.log(this.searchMarker)
this.map.addLayer(this.searchMarker)
this.setCenter({lat: Number(e.latitude), lng: Number(e.longitude)}); // 重设置地图中心点
this.searchMarker.setZIndexOffset(999999999); // 设置层级以防被覆盖
// this.searchMarker.on("click", function () {
// let passData = {
// title: "车辆信息",
// data: e.id,
// }
// this.$refs.mapCarInfoDialog.showDialog(passData);
// });
},
leaflet打点和设置地图中心点(vue)
最新推荐文章于 2024-08-27 14:47:03 发布