google.load - and message "google is not defined"

Question

What do I need to include to do a google.load() statement? I'm getting the error:

google is not defined

Based on this page, I thought I should add this:

<script type="text/javascript"
        src="http://www.google.com/jsapi?key=ABCDEFG">
</script>

But when I did, I got this error:

"window.LoadFirebugConsole" is not a function.

I can't define google, but I know it when I see it. ;-) – Craig Walker Nov 03 '09 at 21:08 — Craig Walker, Nov 03 '09 at 21:08

Pang · Accepted Answer · 2013-10-04T02:52:23.033

10

I had the same problem and solved it like this:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type='text/javascript'>
    function LoadGoogle()
    {
        if(typeof google != 'undefined' && google && google.load)
        {
            // Now you can use google.load() here...
        }
        else
        {
            // Retry later...
            setTimeout(LoadGoogle, 30);
        }
    }

    LoadGoogle();
</script>

The idea is to retry until google is defined.

The other solutions didn't help me, probably because this piece of code is loaded via Ajax from another page.

edited Oct 04 '13 at 02:52

answered Jun 17 '12 at 15:49

Pang

9,564
146
81
122

This doesn't work anymore. You have to use the new JS library described in the answer by Whitehat here: https://stackoverflow.com/questions/45829721/google-charts-a-parser-blocking-cross-site-is-invoked-via-document-write – Sujay Phadke Jul 15 '19 at 08:58

score 9 · Answer 2 · edited Jan 03 '19 at 20:39

9

Did you include the google jsapi script before adding the load and callback methods? They should be in seperate script blocks.

<script src="http://www.google.com/jsapi?key=ABCDE"></script>
<script type="text/javascript">        
    google.load("jquery", "1");

    // Define our onLoad callback
    function OnLoad(){
      alert("Loaded!");
    }

    google.setOnLoadCallback(OnLoad);
</script>

There are additional examples in the Google's 'AJAX Api's Playground'.

edited Jan 03 '19 at 20:39

pushkin

9,575
15
51
95

answered Nov 03 '09 at 19:32

greggian

351
2
5

This can easily happen e.g. when Wordpress template uses google but before including google api and after that includes the same second time - just comment the first appearance and keep the one AFTER the google api include :) – jave.web Aug 23 '13 at 17:26

score 5 · Answer 3 · answered Nov 03 '09 at 18:43

5

you should include this script -- http://www.google.com/jsapi

answered Nov 03 '09 at 18:43

java

51
1
2

score 5 · Answer 4 · answered Jan 11 '10 at 22:04

5

I had the problem, but I was using:

<script type="text/javascript" src="http://www.google.com/jsapi" />

It was solved by chanching the line to:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

answered Jan 11 '10 at 22:04

sibidiba

6,270
7
40
50

google.load - and message "google is not defined"

4 Answers4