angular - 传单图: Rotated Marker for ionic2 (Typescript)

标签 angular typescript ionic2 leaflet

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

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

最佳答案

几个月以来,这里提供了 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: ...,
        });

关于angular - 传单图: Rotated Marker for ionic2 (Typescript),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45479872/

相关文章:

html - 获取不正确的 offsetWidth 和 offsetHeight 值

javascript - 带有 babel ES2015 的 Angular 2 未加载且没有错误

node.js - 使用 AWS Parameter Store 的 NestJs TypeORM 配置

typescript - 关于 Vue 3 + TypeScript 和 Augmenting-Types-for-Use-with-Plugins 的问题

javascript - import().Client 类型的参数不可分配给 import().Client 类型的参数

angular - ionViewDidLoad() 函数的目的是什么?

javascript - ionic 。如何使用存储并获得真实结果

javascript - 未提供 'id' 的参数。 Angular 11

javascript - 我的 Angular 应用程序可以有两个 Firebase 配置吗

google-maps - 谷歌地图只加载第一次,第二次是灰色的