Преобразование LatLngToLayerPoint в координаты пикселей

Question

Я пишу тест для листового компонента Map, используя jest и React-testing-library.

My Map компонент использует некоторый метод карты, например LatLngToLayerPoint.

Где я также высмеиваю библиотеку «act-leaflet », которая не включает метод LatLngToLayerPoint. Я думаю, что я должен написать собственный метод для этого преобразования в качестве фиктивной функции. Кто-нибудь может помочь? или определить возможное решение?

Для насмешливого листовки я использую эту ссылку https://github.com/PaulLeCam/react-leaflet/blob/master/ издевательства / листовка. js

Answer 1

Библиотека React-Leaflet создает экземпляр карты листовок, которая действительно содержит все те же инструменты, что и любая другая карта листовок. Для чего-то подобного вам лучше всего получить доступ к этому методу из метода componentDidMount, используя ссылку на карту.

import { Map as LeafletMap, TileLayer } from "react-leaflet";

class Map extends React.Component {

  componentDidMount(){

    // leafletElement is the leaflet object created by any react-leaflet component
    const map = this.mapReference.leafletElement 
    const layerPoint = map.latLngToLayerPoint(map.getCenter())

  }

  render() {

    return (
      <LeafletMap
        ref={mapReference => this.mapReference = mapReference}
        zoom={4}
        center={[33.852169, -100.5322]} >

        <TileLayer ... />

      </LeafletMap>
    );

  }

}

Здесь - это рабочие коды и поле.