Mapbox.js nicht korrekt in React

Question

Ich habe kürzlich pauloborges: mapbox atmosphere Paket von meinem Projekt entfernt und ich versuche, es durch mapbox.js von Npm zu ersetzen. Anstelle der Karte, erhalte ich eine zufällige Mashup von Fliesen, die den Moment außerhalb der Grenzen bekomme ich die Karte zoomen bewegen Sie es auf dem Screenshot unten sehen können.

ich das gleiche Verhalten bekommen wenn ich versuche, das react-leaflet-Paket zu verwenden. Das einzige, was ich zu diesem Thema gefunden habe, ist this thread, aber die Leute dort schlagen vor, es sollte gut funktionieren. Ich weiß nicht wirklich was ich vermisse, hoffe du kannst helfen oder eine Alternative vorschlagen!

Answer 1

Es stellte sich heraus, ich fehlte Prospekt CSS (nicht notwendig, wenn Sie mit pauloborges: Mapbox-Paket). Das Hinzufügen des folgenden zu meinem Kopf löste das Problem:

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />