Verwendung von Leaflet mit Ionic2 Typoskript

8

Ich bin neu bei Ionic2 und Angular2 mit Typoskript und möchte eine mobile Anwendung für iOS und Android erstellen. Als nächsten Schritt möchte ich eine Karte hinzufügen und Leaflet finden, um einfach zwischen GoogleMaps und OSM zu wechseln, ...

Also, meine Probleme begannen mit der Installation: Es gibt verschiedene Pakete wie npm install leaflet oder npm install leaflet-map oder npm install ui-leaflet und viele mehr ..

Zweitens habe ich keine Ahnung, wie ich diese Pakete dann einbinden soll. Wäre toll, wenn mir jemand eine wirklich einfache Basis-App in Ionic2 mit einer Flugblatt-Karte zur Verfügung stellen könnte.

    
SoS 11.10.2016, 11:20
quelle

1 Antwort

22

Ok .. Erste Installationsanleitung und ihre Typisierung

%Vor%

Importieren Sie dann das Prospekt in Ihre Komponente oder was auch immer mit

%Vor%

Fügen Sie in der HTML-Datei ein div mit id="map" und eine voreingestellte Größe hinzu (besser über CSS).

%Vor%

Da styleUrls: [] in Ionic2 immer noch fehlerbehaftet ist, müssen Sie die HTML-Datei auch in die Leaflet-Styles einfügen:

%Vor%

Nach dieser Vorbereitung können Sie wie folgt mit dem Faltblatt-Lernprogramm beginnen:

%Vor%     
SoS 13.10.2016, 11:52
quelle