Búsqueda de sitios web

angular - Importación de un módulo que extiende una clase


Mientras buscaba una forma de rotar marcadores en leaflet.js, encontré el módulo leaflet-rotatedmarker. Lo instalé vía npm, pero ahora no sé cómo usarlo realmente.

Según el archivo readme, solo extiende la clase existente Marker. Según mi entendimiento, debería poder simplemente llamar a Marker.setRotationAngle() ahora, pero esa función no existe. Importar Marker desde leaflet-rotatedmarker tampoco funciona.

¿Cómo importo correctamente la clase extendida o cómo puedo extender la clase existente de Leaflet con las funciones/atributos del módulo? Gracias.

Estoy hablando de la declaración import { XYZ } from 'leaflet-rotatedmarker'.

Editar:

Tampoco funciona si intento establecer el rotationAngle en el constructor:

const marker = L.marker([tmpAgv.Pos.X, tmpAgv.Pos.Y], { alt: tmpAgv.Id }, {rotationAngle: 180}).addTo(this.mapObject);

El marcador todavía no está girado.

Respuesta #1

Instalé el mismo paquete que tú tienes:

npm install leaflet-rotatedmarker

Y cópialo:

import 'leaflet-rotatedmarker';

Y así es como lo usé:

let m = L.marker([lat,lng]).addTo(this.map);
m.setRotationAngle(180);

Y resultados antes y después:

Después de :