Optionen in einem Geo-Google-Diagramm

Question

Ich versuche, Polymer's google-chart Komponente zu verwenden, um ein Geo-Diagramm mit dem Marker-Anzeigemodus zu erstellen, jedoch zeigt die Komponente einen Fehler von google.load is not a function.

Ich denke, das Diagramm wird an das DOM gebunden, bevor ein Aufruf an das Google Maps-API abgeschlossen wird, aber ich bin mir nicht ganz sicher. Hat jemand anderes Erfolg beim Erstellen von Marker- oder Textgeo-Charts mit der Komponente google-chart?

Hier ist ein Repro des Problems mit den marker und text GeoChart Beispiele: https://jsbin.com/mewahibane/edit?html,output

Answer 1

Dies scheint ein Problem mit der google-chart Bibliothek.
Kürzlich gab es eine Änderung, wo ein google-chart-loader Element hinzugefügt wurde, um mit der Google Charts-Bibliothek einige aktuelle issues zu behandeln.
Möglicherweise verursacht dies ein Problem mit der GeoChart-Bibliothek.

Als Workaround fügen Sie diese Zeile <script type="text/javascript" src="https://www.google.com/jsapi"></script> über den google-chjart Import. Dies sollte es beheben. Siehe hier:

https://jsbin.com/gejipiqehu/edit?html,output

Answer 2

Was ist mit diesem Code? >>https://jsbin.com/tabahu/edit?html,output

Ich versuche, Marker in Google-Diagramm hinzuzufügen. Kopieren Sie einfach den Code aus dieser Dokumentation.

https://developers.google.com/chart/interactive/docs/gallery/geochart#marker-geocharts