Question

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

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

Answer 1

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

除了 leaflet-rotatedmarker

之外，您还需要安装它们 @ types / leaflet-rotatedmarker

如果您使用的是npm，则只需安装两个软件包：

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

然后，您可以在标记上设置 rotationAngle 。

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);" />'
})

宣传单地图：离子2的旋转标记（打字稿）

2 个答案: