由于vue的路由机制,导致通过传参写的相对位置的图片资源时并不能被正常获取,需要通过import的方式导入资源

import iconCar from '../assets/images/deviceIcon/car.png'; //以import的方式导入图片文件


const map = new BMap.Map("Map");
const point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 11);
map.setCurrentCity("北京");

const deviceSize = new BMap.Size(48,48);
const deviceIcon = new BMap.Icon(iconCar, deviceSize, { //会以base64的方式传参iconCar
    imageSize: deviceSize
});

const marker = new BMap.Marker(point, {
    icon: deviceIcon
});
Logo

前往低代码交流专区

更多推荐