vue中使用leaflet并对icon进行旋转

该文章为记录，避免再次踩坑

用户需求为在superMap中展示车辆点位，并根据后端传回的角度进行旋转

找了很多方法一直不行，查了官方文档发现没提供旋转功能

不懈努力下找到一篇文章Leaflet.js常见问题_baisu3727的博客-CSDN博客

使用其中的第二项成功了

过程如下

安装leaflet-rotatedmarker依赖

npm install leaflet-rotatedmarker

在组件中引入

import "leaflet-rotatedmarker";

在生成点位时加入参数

L.marker([i.LAT, i.LNG], {
            icon: L.icon({
            iconUrl: icon,
            iconSize: [30, 12],
           }),
            rotationAngle: i.DIRECTION, // 旋转角度
            rotationOrigin: "center center", // 旋转中心
            }).addTo(this.map)

如需帮助可直接私信

QQ：929477145