2012-03-31 3 views
6

Die jQuery, jQuery UI und Google Maps kann von der Google-CDN auf zwei Arten geladen werden - entweder durch google.load mit():Wie kann Google-Google-API ohne Aufruf von google.load() eingebunden werden?

<script type="text/javascript" src="https://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
google.load("jquery", "1"); 
google.load("jqueryui", "1"); 
google.load("maps", "3", {other_params: "language=de&sensor=false"}); 
</script> 

oder durch das statische < script src = mit“. ..“> tags:

<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false&language=de"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> 

gibt es die zweite Art und Weise auch für the Google charts API verfügbar bitte?

Für mich nur diese Methode funktioniert:

<script type="text/javascript"> 
google.load('visualization', '1.0', {'packages':['corechart']}); 
</script> 

aber ich die URL für den zweiten Weg nicht finden kann.

Und ich würde lieber die Google-Charts-API statisch hinzufügen, weil es für mich einfacher aussieht und wegen my current problem with DataTables.net.

Wenn ich die Ressourcen suchen, die Google Chrome-Konsole, ich die Adresse wie

https://www.google.com/uds/api/visualization/1.0/342b7b8453344477d252440b6c1305c9/format+en,default,corechart.I.js

sehen kann, aber ich denke, es ist eine vorübergehende ist, die

... ablaufen kann
+0

Dieser arbeitete für mich '' und ja Sie diese Datei von hier kann https://gist.githubusercontent.com /makevoid/3999915/raw/14ca8613820c3046ad248c381e3368c4d5ea59b4/uds_api_contents.js Fügen Sie diese Datei nach 'jsapi' ein. –

Antwort

14

Ich habe eine autoloading Abhilfe gefunden:

<script type="text/javascript" 
src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart'],'language':'ru'}]}"> 
</script> 

UPDATE 2017:

Chrome zeigt diese Warnung aber:

jsapi? Autoload = {'Module': [{'name': 'Visualisierung', 'Version': '1', 'Pakete': ['corec hart ',' table '],' ...: 22 Ein Parser blockierendes, ursprungsübergreifendes Skript, https://www.google.com/uds/api/visualization/1.0/84dc8f392c72d48b78b72f8a2e79c1a1/format+ru,default+ru,ui+ru,table+ru,corechart+ru.I.js, wird über document.write aufgerufen. Dies kann vom Browser blockiert werden, wenn das Gerät schlechte Netzwerkkonnektivität hat. Weitere Details finden Sie unter https://www.chromestatus.com/feature/5718547946799104 Weitere Informationen finden Sie unter . google.loader.f @ jsapi? autoload = {'Module': [{'Name': 'Visualisierung', 'Version': '1', 'Pakete': ['CoreChart', 'Tabelle'], '... : 22 (anonym) @ jsapi? Autoload = {'Module': [{'name': 'Visualisierung', 'Version': '1', 'Pakete': ['CoreChart', 'Tabelle'], ' ...: 54

+0

@Alexander Farber: -Was verwende ich: -google.charts.load ('current', {'packages': ['core chart', 'annotationchart', 'calendar', 'gantt', 'gauge', 'map', 'orgchart', 'sankey', 'timeline', 'treemap', 'wordtree'}}). Wie schreibe ich die gleiche Codezeile für loader.js? – Sanjiv

1

Ich habe versucht, dies auch herauszufinden - all meine Suche zeigt, dass es keine Möglichkeit gibt, die Charts-API direkt zu verlinken (was eine Schande ist). Ich landete schließlich stattdessen das Bild Tabellen-API mit bis: https://developers.google.com/chart/image/

+0

Ich benutze Image Charts selbst (siehe http: // stackoverflow.com/questions/10052927/draw-a-line-over-bar-chart) aber ich vermute, dass sie bald eingestellt werden (Google hat das für einige aktuelle Produkte schnell getan), also würde ich gerne nach oben gehen. –