【问题标题】:Leaflet map: Rotated Marker for ionic2 (Typescript)传单地图:ionic2 的旋转标记(Typescript)
【发布时间】:2017-08-03 09:15:43
【问题描述】:

我是一个打字稿“新手”,目前正在从事一个使用传单 v1.1.0 作为地图的 ionic2 项目(打字稿)。我需要旋转一个标记。在以前的项目(JavaScript)中,我使用的是Leaflet.RotatedMarker。但是这个插件没有打字,不能在我当前的项目中使用。

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

【问题讨论】:

  • 我遇到了这个问题。可以写一个类型定义文件吗?

标签: angular typescript ionic2 leaflet


【解决方案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: ...,
        });

【讨论】:

    【解决方案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);" />'
    })
    

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-25
    • 1970-01-01
    • 1970-01-01
    • 2023-02-09
    • 1970-01-01
    • 2012-05-20
    相关资源
    最近更新 更多