FusionTables HTTP调用与使用JavaScript客户端库（gapi）的调用之间的响应有所不同

Question

I have a JavaScript client application. When I call the FusionTables API to retrieve some data through a SQL query using Angular's $http service (essentially XHR underneath) the data I expect is returned correctly:

(Note config.apiKey is my Google API key, verified as correct from the cloud console)

$http({
    "method": "GET",
    "url": "https://www.googleapis.com/fusiontables/v1/query",
    "params": {
        "sql": sql,
        "key": config.apiKey
    }
});

Now, when I use the JavaScript client library like so, I get an "Access Not Configured" error:

(earlier...)

gapi.client.setApiKey(config.apiKey);

gapi.client.load("fusiontables", "v1")

(note this has a callback which defers code execution until it has successfully loaded)

gapi.client.fusiontables.query.sql({
    "sql": sql
}).execute(function(data) {
    future.resolve(data);
});

This results in data containing:

{
    "code": 403,
    "message": "Access Not Configured",
    "data": [
        {
            "domain": "usageLimits",
            "reason": "accessNotConfigured",
            "message": "Access Not Configured"
        }
    ],
    "error": {
        "code": 403,
        "message": "Access Not Configured",
        "data": [
            {
                "domain": "usageLimits",
                "reason": "accessNotConfigured",
                "message": "Access Not Configured"
            }
        ]
    }
}

Under the hood it appears to use some kind of JSON RPC format for calling the API so perhaps there is a difference there. The documentation for accessing fusion tables through the client library seems to have disappeared in the transition to the new developers.google.com which doesn't seem to help.

Any suggestions as to how to properly configure this or even debug it a bit would be most welcome.

Update:

I am using the G+ version of client.js (called client:plusone.js) because I need to render Google+ buttons. When I am logged in, I get an insufficient permission warning (even when setting the API key), so I am thinking this is a conflict between the Fusion Tables client and the Google+ client - I'm trying to find out if there is a way to specify the auth method to use but it appears not.

Answer 1

Try setting the API key in the onload callback of the API. For instance, the generated code for published heatmaps has this (for a dummy API key, of course):

<script type="text/javascript">
  function ftOnLoadClientApi() {
    gapi.client.setApiKey('xyzabc');
  }
</script>
<script type="text/javascript" src="//apis.google.com/js/client.js?onload=ftOnLoadClientApi">
</script>