vue使用Leaflet.movingMarker设置自定义icon

通过main.js文件引入

import 'leaflet'

import "leaflet/dist/leaflet.css"

import MovingMarker from "../src/utils/MovingMarker"

直接使用L.Marker.movingMarker创建

latlngArry = [ [lat1，lng2], [lat2，lng2], …]vue无法通过 “…/…/xx” 定位到目标资源，可以使用require引入移除时，只需调用this.map.removeLayer(dynamicMarkerOut )即可

let dynamicMarkerOut = L.Marker.movingMarker(latlngArray, 3000,

{autostart: true, loop: true})

let iconOut = L.icon({

iconUrl: require("../../assets/maker/marker-point.png"),

iconSize: [30, 30]

})

dynamicMarkerOut.setIcon(iconOut).addTo(this.map)

插件地址

https://github.com/ewoken/Leaflet.MovingMarker