從“vue-bmap-gl”導入VueBMap
導入‘vue-bmap-GL/dist/style . CSS‘
從“vue-mapvgl”導入VueMapvgl
vuebmap . initbmapapiloader ({
?艾德裏安科勒:XXXX,
?v:‘1.0’,
?插件:“路書”
});
插件的地址是/github/bmapgllib/lushu/src/lushu . min . js。
並在eslintrc.js中配置全局變量
全局:{
沒錯,
確實如此,
?},
使用:
?this.lushu =新BMapGLLib。魯書(地圖、點、{
//landmarkPois:該參數是在pauseTime中設置的路書在移動時接觸該點的時間,單位為秒。如果經緯度誤差超過10米,就不會停止。
// landmarkPois:【
// ?{ LNG:markers【0】。lng,lat:標記【0】。lat,html:“& lt;img src =“xian . jpg“/& gt。& lt/br & gt;Xi安北站到了,暫停時間:1},
// ?{ LNG:markers【1】。LNG,LAT:markers【1】。LAT,HTML:“鹹陽站到了”,pauseTime: 1},
// ?{ LNG:markers【2】。LNG,LAT:markers【2】。LAT,HTML:“鹹陽秦鬥站到了”,pauseTime: 1},
// ?{ LNG:markers【3】。LNG,LAT:markers【3】。LAT,HTML:“興平站到了”,暫停時間:1}
// ],
默認內容:‘‘,
速度:1000,//速度,單位為米/秒。
/*
?* 1,size()是設置圖像大小,圖像太大可以裁剪。
?* 2、錨點是設置偏移量,默認是圖片的中間,而設置偏移量的目的是讓圖片底部的中間與坐標重合。
?*/
圖標:新BMapGL。圖標(要求(。/assets/image/index/car . png‘),新建BMapGL。尺寸(56,56),{
?主播:新BMapGL。尺寸(10,10)
}),
autoView: false,
enableRotation: false
?})
?this.lushu.start()