vue百度地圖自定義標記圖示
阿新 • • 發佈:2019-02-14
由於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
});