1. 程式人生 > >vue百度地圖自定義標記圖示

vue百度地圖自定義標記圖示

由於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 });