vue-bmap-gl importa la extensión BMapGLLib (como se muestra en el libro de ruta)
importar VueBMap desde 'vue-bmap-gl';
importar 'vue-bmap-gl/dist/style.css'
importar VueMapvgl desde 'vue-mapvgl';
VueBMap.initBMapApiLoader({
? ak: 'XXXX',
? v: '1.0' ,
? complementos: 'Lushu'
});
complementos en /github/BMapGLLib/Lushu/src/Lushu.min.js
y configurar variables globales en .eslintrc.js
globals: {
BMap: true,
BMapGLLib: true,
?},
Uso:
?this.lushu = new BMapGLLib.LuShu(mapa, puntos, {
//landmarkPois: este parámetro es Cuándo El libro de ruta se está moviendo, la longitud y la latitud activarán el tiempo en segundos establecido en pausa. Tiempo de permanencia.
El error no se detendrá más de diez metros
// LandmarkPois: [
// ?{ lng: marcadores[0].lng, lat: marcadores[0].lat, html: ' La estación Xi'an Norte ha llegado', pausaTime: 1 },
// ?{ lng: marcadores[1]. lng, lat: marcadores [1]. lat, html: ha llegado la estación Xianyang', pausaTime: 1 },
// ?{ lng: marcadores[2].lng, lat: marcadores[2] .lat, html: la estación Xianyang Qindu está aquí', pausaTiempo: 1 },
// ?{ lng: marcadores[3].lng, lat: marcadores[3].lat, html:'Xingping la estación está aquí', pausaTime : 1 }
// ],
defaultContent: '',
velocidad: 1000, // Velocidad (m /s)
// ? p>
/*?
?* 1. size() se utiliza para establecer el tamaño de la imagen. la imagen es demasiado grande, puede ser interceptada
? * 2. El ancla es para establecer el desplazamiento. El valor predeterminado es el centro de la imagen. la imagen coincide con las coordenadas
?*/
icono: new BMapGL.Icon(require('. /assets/image/index/car.png'), new BMapGL. Tamaño(56, 56), {
? ancla: nuevo BMapGL.Size(10, 10)
}),
autoView: falso, p>
enableRotation: false
?})
this.lushu.start() ?