2017-04-20 2 views
0

Ich benutze npm Paketverwaltung und meine package.json sieht wie folgt aus:Hat es jemand geschafft, Leaflet.Elevation mit reactive-letlets arbeiten zu lassen?

"leaflet": "1.0.3", 
"leaflet.elevation": "0.0.3", 
... 
"react-leaflet": "1.1.4", 

Ich dachte leaflet.elevation in traditionellen (nicht reagieren) Art und Weise zu verwenden, jedoch L.control.elevation die als Konstruktor verwendet werden soll, ist undefined.

Ich bin in der Lage Prospekt über das globale L Variable zu verwenden und auch über Import, da dies diese:

import MyOwnLeaflet from 'leaflet'; 
MyOwnLeaflet.Marker 

aber wenn ich versuche, leaflet.elevation auf die gleiche Weise zu verwenden:

import MyOwnLeafletElevation from 'leaflet.elevation'; 

Ich habe am Ende:

Module not found: Error: Can't resolve 'leaflet.elevation' 

Antwort

0

Es sieht aus wie leaflet.Elevation ist Es fehlt der Haupteintrag in der Datei package.json, so dass der Fehler erklärt werden kann.

Vielleicht könnten Sie versuchen, die folgenden Schritte aus:

import 'leaflet.elevation/dist/leaflet.elevation-0.0.4.min.js' 
+0

Dank Evan, die funktioniert - obwohl man eigentlich nennen 'Import‚leaflet.elevation/dist/leaflet.elevation-0.0.2.min.js muss 'wenn leaflet.levation 0.0.3. Danach funktioniert 'L.control.elevation()' Konstruktor. – Peter

+0

@Peter Ich versuche, leftlet.Elevation Arbeit mit react-leaflet auch bekommen, haben Sie eine Probe von, wie es in reagieren-Broschüre –

+0

@vitohuang initialisieren, am Ende haben wir Flugblatt-Elevation aufgegeben, weil es nicht sehr gut aussieht Maintained und wir erstellen das Höhenprofildiagramm mit chart.js. Hier ist unsere [Höhendiagramm-Komponente] (https://github.com/FreemapSlovakia/freemap-v3-react/blob/master/src/components/ElevationChart.js). – Peter

Verwandte Themen