传单地图:ionic2 的旋转标记(打字稿)

Question

我是一个打字稿"新手"，目前正在研究一个使用传单v1.1.0作为地图的ionic2项目(打字稿(。我需要旋转标记。在以前的项目(JavaScript(中，我使用的是Leaflet.RotatedMarker。但是这个插件没有输入，它不能在我当前的项目中使用。

我需要帮助找到一种使用传单旋转标记插件或直接在我的代码中创建标记旋转行为的方法。

Answer 1

几个月来，这里提供了 Leaflet.RotatedMark 的 TypeScript 类型定义：https://github.com/DefinitelyTyped/DefinitelyTyped/commits/master/types/leaflet-rotatedmarker

除了小叶旋转标记之外，您还需要将它们安装@types/小册子旋转标记

如果你使用的是 npm，你只需要安装两个包：

npm i -S @types/leaflet-rotatedmarker leaflet-rotatedmarker

然后，您可以在标记上设置旋转角度。

import * as L from 'leaflet';
import 'leaflet-rotatedmarker';
...
let marker = L.marker([47,18], {         
rotationAngle: 180
icon: ...,
});

Answer 2

作为临时解决方案，我使用了 L.divIcon，它运行良好

L.divIcon({
html: '<img class="leaflet-marker-icon leaflet-zoom-animated" src="[icon image URL]" style="width: [icon width]px; height: [icon height]px;transform: rotate([angle]deg);  -webkit-transform: rotate([angle]deg); -moz-transform:rotate([angle]deg);" />'
})